Googleタグマネージャーチュートリアルパート2：ダウンロードリンクの追跡– 2020年の更新

公開: 2020-05-14

更新されたGoogleタグマネージャーチュートリアルのパート1では、アウトバウンド（外部）リンクの追跡について説明しました。あなたがそれを逃したならば、あなたはここから始めたいと思うかもしれません。この第2部では、Webサイトからのファイルダウンロードの追跡を設定するプロセスについて説明します。電子書籍、PDF、ホワイトペーパーなどのダウンロード可能なリソースを提供している場合は、訪問者がこのコンテンツをダウンロードする頻度を追跡することをお勧めします。 Webサイトでダウンロードを追跡すると、訪問者が何に興味を持っているかを把握し、視聴者が本当に望んでいるコンテンツの種類を判断するのに役立ちます。

Google Analyticsはこのアクティビティを自動的に追跡しませんが、Google Tag Manager（GTM）は、ダウンロードを追跡するための簡単で自動化されたソリューションを提供します。

このチュートリアルでは、既にGoogle Tag Managerアカウントを持っており、コンテナを作成して、それをWebサイトにインストールしていることを前提としています。また、ウェブサイト用にGoogle Analyticsアカウントを設定し、それをGTMにリンクしている必要があります。

以下の手順に従って、ダウンロードリンクの追跡を設定します。

ステップ1：変数「ClickElement」と「ClickURL」を有効にする

Google Tag Managerには、さまざまな組み込み変数から選択でき、必要に応じて独自のカスタム変数を作成するオプションもあります。この設定では、組み込み変数「ClickElement」と「ClickURL」が必要になります。これらの変数を以前に使用したことがない場合は、それらを選択して有効にする必要があります。これを行うには、「変数」に移動し、「組み込み変数」セクションで「構成」をクリックします。さまざまなクリック変数までスクロールし、「クリック要素」と「クリックURL」にチェックマークを付けます。

ステップ2：カスタムJavaScript変数を作成する

このユーザー定義変数は、リンクの末尾からファイル拡張子を削除する数行のJavaScriptで構成されているため、GoogleAnalyticsでファイルタイプごとにダウンロードを簡単に分割できます。

これを設定するには、Googleタグマネージャーのユーザーインターフェースで[変数]に移動し、[ユーザー定義変数]まで下にスクロールして、[新規]をクリックします。変数セレクターから、変数テンプレートとして「カスタムJavaScript」を選択します。

変数構成を設定します。

「無題変数」を「JS–ファイルタイプ」のようなわかりやすい名前に置き換えます。
次のコードをコピーして「カスタムJavaScript」入力ボックスに貼り付け、「保存」をクリックします。

 関数（） {
var filepath = {{Click Element}}。pathname.split（ "/"）;
var filename = filepath.pop（）;
var filetype;
if（filename.indexOf（ "。"）>-1）{
    filetype = filename.substr（filename.indexOf（ "。"）+ 1）;
    filetype = filetype.toUpperCase（）;
    ファイルタイプを返します。
    }
}

変数は次のようになります。

ステップ3：「JustLinks」トリガーを作成する

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

ダウンロードリンクのクリックのトリガーを設定するには、次の手順に従います。

左側のサイドバーの「トリガー」に移動して、新しいトリガーを作成します。
「リンククリック–ダウンロード」のようなわかりやすい名前を付けてください。
トリガータイプの選択：「クリック–リンクのみ」
トリガー条件として、「一部のリンククリック」>変数：「クリックURL」>「RegExに一致（大文字と小文字を区別しない）」>「^。* \。（7z | aac | arc | arj | asf | asx | avi」に設定します。 | bin | csv | doc | exe | flv | gz | gzip | hqx | jar | js | mp（2 | 3 | 4 | e？g）| mov（ie）？| msi | msp | pdf | phps | ppt | qtm？| ra（m | r）？| sea | sit | tar | tgz | torrent | txt | wav | wma | wmv | wpd | xls | xml | z | zip）$”
「タグを待つ」および「検証を確認する」オプション：「タグを待つ」は、イベントのアクションを続行する前に、このトリガーで起動するすべてのタグが最初に実行されることを保証します。「JustLinks」トリガーの場合、ファイルのダウンロードは、すべての依存タグが完了するのに十分な時間停止され、その後、ダウンロードが再開されます。「検証の確認」は、クリックが実際に有効であったかどうかを確認します。これらは自由に設定できますが、ほとんどの場合、このトリガーのチェックを外しておくことをお勧めします。
「保存」をクリックします

トリガー構成は次のようになります。

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

ステップ4：ダウンロードクリックイベントタグを作成する

このタグは、カスタムJS変数と作成したトリガーを使用します。これにより、Googleアナリティクスのトリガーで設定したファイル拡張子を持つリンクのクリックが記録されます。

次の手順に従って作成します。

>「タグ」>「新規」に移動して新しいタグを作成します
「GA–イベント–ダウンロード」という名前を付けます
タグの構成として、タグタイプとして「GoogleAnalytics：UniversalAnalytics」を選択します。
トラックタイプ：「イベント」

表示されたとおりに次の設定を入力します。

以下のセクション「トリガー」で、ステップ3の事前構成済みトリガーを追加します。

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

ステップ5：バージョンを保存し、テストし、公開する

作成したタグは、公開するまで機能しませんが、最初に、期待どおりに機能することを徹底的にテストする必要があります。タグを保存したら、プレビューモードを有効にし（右上隅の[プレビュー]をクリック）、Webサイトにアクセスして、ページを更新します。

ダウンロードリンクの追跡については、次のテストシナリオを必ずカバーしてください。

ダウンロードリンクをクリックします。GAタグ「GA–イベント–ダウンロード」を起動する必要があります。
ソーシャルメディアプロファイルなど、他のリンクをクリックします。タグは起動しないでください。

Google Analyticsのリアルタイムイベントレポートには、すべてが正常に機能している場合にイベントのヒットが表示されます。 Google Tag Managerのテストの問題と、問題が発生した場合の修正方法に関するブログ投稿をお読みください。

すべてのテストが成功したら、GTMの[送信]ボタンをクリックできます。この公開バージョンに「ダウンロードリンクイベントが追加されました」のような名前を付けて、「公開」をクリックします。

次のチュートリアルが近づいています

ガイドのこの第2部では、カスタムJavaScriptとGoogleタグマネージャーの組み込み変数を使用して、自動ダウンロードリンクトラッキングを簡単に設定する方法について説明しました。

GTMのいくつかの機能を使用したので、より複雑な追跡シナリオに飛び込む準備ができていることを願っています。このチュートリアルのパート3では、タグ管理ツールの可能性について詳しく説明します。次のアップデートにご期待ください！