Googleタグマネージャーチュートリアルパート2:GTMバージョン2でのダウンロードの追跡

公開: 2015-08-27

このブログ投稿の更新バージョンが公開されました。

更新されたGoogleTag Managerバージョン2チュートリアルのパート1では、アウトバウンドリンクを追跡する方法を示しました。 まだ読んでいない場合は、少なくとも概要をご覧ください。説明されているすべての要件がここにも適用されます。

この第2部では、Webサイトからのダウンロードの追跡を設定するプロセスについて説明します。 以下の設定により、ユーザーがWebサイトからさまざまな種類のファイルをダウンロードした回数を追跡できます。 ユーザーが定義したファイル拡張子(.pdfなど)を含むリンクをクリックするたびに、ファイルのタイプとファイルのURLでラベル付けされたイベントが記録されます。 そうすれば、たとえば、サイトからダウンロードされたPDFの数と、そのPDFをGoogleAnalyticsで簡単に確認できます。

このパートでは、 Google TagManagerの主要コンポーネントであるユーザー定義変数についても紹介します。 変数を使用すると、タグとトリガーで使用するデータをカスタマイズできます。 Google Tag Managerには多くの便利な組み込み変数が付属していますが、最初のステップで行うように、独自の変数を作成することもできます。

1.ファイルタイプ変数を作成します

このユーザー定義変数は、リンクの末尾からファイル拡張子を切り取るJavaScriptの数行で構成されているため、タイプがわかります。 カスタムJavaScriptは、Google Tag Manager Macros(GTMバージョン1用)に関するSimoAhavaの優れたブログ投稿からのものです。

  1. [ユーザー定義変数]で、[新規]をクリックします。
  2. 「無題の変数」を「ファイルタイプ」のようなわかりやすい名前に置き換えます。
  3. タイプ:カスタムJavascriptを選択します。
  4. 以下をコピーして、カスタムJavascriptの「変数の構成」入力ボックスに貼り付けます。
 関数() {
  var ext = {{Click Element}}。pathname.split( "。");
  ext.length> 1?ext.pop(): 'html';を返します。
}
  1. 「変数の作成」をクリックして保存します。
  2. [変数]ページの[クリック要素]の横にあるチェックボックスをオンにして、組み込みの[クリック要素]を有効にします。
Google TagManagerバージョン2でのダウンロードリンククリック用のカスタム変数の構成

2.ダウンロードリンクの作成クリックトリガー

このトリガーは、リンクのクリックがファイルのダウンロードであるかどうかを判別します。 それはファイル拡張子の長いリストを提供し、リンクURLにそれらの1つが含まれている場合、ルールは「はい、タグを付けて、アクションを実行する」と言います。 オプションで、これらのファイル拡張子をカスタマイズして、関心のあるものだけを含めるか、サイトで提供するダウンロードの種類に固有の他のファイル拡張子を追加することができます。

  1. [トリガー]で、[新規]をクリックします。
  2. 「無題のトリガー」を「ダウンロードリンククリック」のようなわかりやすい名前に置き換えます。
  3. トリガーの構成:
    1. ターゲット「JustLinks」を選択します。 これには、ボタンや他のページ要素など、他のものではなく、リンクをクリックする必要があります。
    2. 「タグを待つ」チェックボックスにチェックを入れ、最大待機時間を2000ミリ秒に設定します。 これにより、トリガーは、このトリガーを使用するすべてのタグの準備が整うまで最大2秒間待機してから、ユーザーをリンクに誘導できます。
    3. 「検証を確認する」チェックボックスにチェックを入れます。 これにより、リンクが実際にユーザーを別のページに移動させる有効なリンクであることが確認されます。
  4. 次の場合に有効にします。
    1. オプションを選択します。ページURLは正規表現「。*」と一致します。 これにより、Webサイトのすべてのページでトリガーが有効になります。
  5. 発砲:
    1. オプションの選択:クリックURLはRegex“ ^。* \。(7z | aac | arc | arj | asf | asx | avi | bin | csv | doc | exe | flv | gif | gz | gzip | hqx | jar | jpe? g | js | mp(2 | 3 | 4 | e?g)| mov(ie)?| msi | msp | pdf | phps | png | ppt | qtm?| ra(m | r)?| sea | sit | tar | tgz | torrent | txt | wav | wma | wmv | wpd | xls | xml | z | zip)$」。
      この正規表現は、クリックされたリンクが、ブラウザで開かれるのではなく、通常ダウンロードされるこれらのファイル拡張子のいずれかで終了するかどうかを確認します。
  6. 「トリガーの作成」をクリックして保存します。

(2016年1月9日時点でスクリーンショットを更新)

「|」のリストを変更する特定の種類のダウンロードのみを追跡する場合は、「FireOn」オプションでファイル拡張子を分離します。

3.ダウンロードイベントタグを作成します

前の手順で必要な変数とトリガーを設定したので、イベント追跡タグを作成できます。 これにより、Googleアナリティクスのトリガーで設定したファイル拡張子を持つリンクのクリックが記録されます。

  1. 「タグ」の下にある「新規」をクリックします。
  2. 「無題のタグ」を「ダウンロードイベント」のようなわかりやすい名前に置き換えます。
  3. 製品の選択:「GoogleAnalytics」を選択します。
  4. タグタイプの選択:ウェブサイトで現在使用しているトラッキングコードに応じて、「ユニバーサルアナリティクス」または「クラシックGoogleアナリティクス」を選択します。
  5. タグの構成:
    1. 追跡ID:ウェブサイトのGoogleAnalyticsプロパティの追跡IDを入力します。
    2. トラックタイプ:「イベント」を選択します。
    3. カテゴリ:「ダウンロード」と入力します。
    4. 処置:「{{Filetype}}」と入力してください。
    5. ラベル:「{{ClickURL}}」と入力します。 この組み込み変数を最初に有効にする必要があります。このチュートリアルのパート1、ステップ1を参照してください。
    6. 非相互作用ヒット:Falseを選択します。 これは、このイベントがサイトでのインタラクションとしてカウントされるため、バウンス率が変わることを意味します。 ダウンロードをインタラクションとしてカウントするかどうかを決定し、それに応じて調整する必要があります。
  6. 発砲:
    1. 「クリック」を選択します。
    2. ポップアップ表示される[既存のクリックトリガーから選択]メニューから、手順2で作成した[リンククリックのダウンロード]トリガーを選択します。
  7. 「タグの作成」をクリックしてタグを保存します。
Google TagManagerバージョン2でダウンロードリンククリック用のタグを作成する

このタグが追跡するダウンロードイベントは、Google Analyticsのイベントレポートに「ダウンロード」カテゴリで表示され、アクションはファイルの種類(pdf、docなど)として表示され、ラベルにはリンク。

それでおしまい! セットアップをデバッグして(このチュートリアルのパート1のステップ4を参照)、希望どおりに機能することを確認し、バージョンを保存して公開し、GoogleAnalyticsでダウンロードの追跡を開始します。

Google Tag Managerバージョン2が提供する組み込みのタグと変数のいくつかを使用したので、もう少し複雑な処理を行う準備ができていることを願っています。 このチュートリアルのパート3では、フォーム送信の追跡を扱い、特定のWebサイトが正しく機能するようにもう少しカスタマイズする必要があります。

Googleタグマネージャーでアウトバウンドリンクやダウンロードトラッキングを設定しましたか? Googleタグマネージャーのサポートが必要ですか? 私にメールを送ってください!