更新日:2016年1月15日グーグルタグマネージャーの機能を使って外部リンクのクリックしたイベントを全てトラッキングする設定方法です。本記事の設定をすると、どのページのどの外部リンクがクリックされたか計測する事ができます。追記:2014.7.24Javascriptの記述など無しで簡単に同じ様な設定ができるようになりました。超簡単に外部リンクを全てトラッキングするグーグルタグマネージャーの設定さらに追記:2015/1/28上記の超簡単な方法は画像のaltが取得できないので、結局当記事の方法に戻しました。追記:2016/1/15久々にタグマネージャーの管理画面にログインしたら以前と全く違うUIになっていて驚きました。デザインだけではなくいろいろと仕様も変わったみたいで、本記事の方法はもうできなくなってました。取り急ぎ必要だったので下記のサイトのとおりに設定し、無事導入できました。新UI】外部リンクをトラッキングする方法グーグルタグマネージャーの機能を使って外部リンクのクリックしたイベントを全てトラッキングする設定方法です。イベントトラッキングというのは、サイト閲覧者がスクロールしたりクリックした事を取得するってことですが、今回は外部リンクをクリックした時のイベントをトラッキングする方法についてです。本記事の方法だとリンクごとにonclickの記述をしなくても、全ての「外部リンクがクリックされた情報」を取得できます。タグマネージャーでイベントがトラッキングできてなかった当ブログでは、10月の下旬からグーグルタグマネージャーを使い始めたのですが、数日してからイベント情報がトラッキングできていないことに気がつきました。イベントがトラッキングできてない。‘_trackEvent’,〜〜」を設定するのが面倒で、イベントトラッキングしてもしてなくてもよかったのですが、使えるはずの機能が作動してないってのも気持ちが悪いので、この度トラッキングするようにしました。グーグルタグマネージャーの設定http://www.google.co.jp/tagmanager/グーグルタグマネージャーについて最初から書くと長くなりますので端折ります。下図のようにbody直後にタグが貼ってある前提で進めます。【参考までに】PVやユーザー数などを計測する設定タグマネージャーを使っているなら、既に設定済みだと思います。「すべてのページでページビューをトラッキングする」というタグです。イベントトラッキングとは直接関係ないのですが、念のため確認まで。【タグ設定1】リンククリックリスナーここからイベントトラッキングに関する設定です。画面上部の「新規タグ作成」をクリックタグの種類を「イベントリスナー」の中の「リンククリックリスナー」にします。配信のルールは、デフォルトで用意されている「すべてのページ」で。このタグ名は、他のタグやマクロに影響ないので何でも良いです。【マクロ設定1】自動イベント変数マクロタイプは「自動イベント変数」、変数タイプは「要素」です。「要素URL」ではありません。マクロ名は何でもいいのですが、他のマクロで使うので個人的には半角英数で付けました。【マクロ設定2】をコピペで済ますために「vari-element」にしといてください。【マクロ設定2】カスタムJavaScriptこれは「何というテキストがクリックされたか?」を取得するマクロです。どのページでイベントが発生したかは、デフォルトのマクロで取得できますが、「ページ内のどのテキストが」については、これが無いとわかりません。Googleタグマネージャに新しく追加されたマクロ「カスタムJavaScript」のものを使わせていただきます。リンクに含むテキスト要素を全抽出}マクロ名は上記設定1と同様、何でもいいのですが、個人的に半角英数。【ルール設定1】外部リンククリック条件を指定します。「{{event}}」を選択、「等しい」を選択。テキスト記入欄に「gtm.linkClick」。「{{vari-element}}」を選択、「前方が一致」を選択。テキスト記入欄に「http」。「{{vari-element}}」を選択、「含まない」を選択。テキスト記入欄に’自分のドメイン’。ルール名は何でもいいです。個人的には半角英数で付けたいのですが、何でもいいので「外部リンククリック」と全角で付けてみました。最後にグーグルアナリティクスタグの設定です。ページビュートラッキングとイベントトラッキングは別のタグになります。通常のアナリティクスの仕様から考えると馴染めない感じですが、そういうものらしいです。タグの種類「Googleアナリティクス」。IDは「UA-xxxxxxxxxxx-n」というお馴染みのIDです。{{get-click-text}}」としました。カテゴリについては、今後「scroll」など追加するかもしれませんし、アクションには「PDF-DL」など追加するかも知れませんので、このようにしました。ラベルで「どのページのどのテキスト」というイベントを取得します。path}}」はデフォルトで用意されているマクロです。URLのドメインより下の部分を取得します。「{{get-click-text}}」はマクロ設定2で作成したマクロです。」(スペースと縦棒)を入れてます。配信ルール先ほど作ったルール「外部リンククリック」にします。タグ名は何でもいいです。バージョンの作成と公開グーグルタグマネージャーの基本的な事になりますが、タグやマクロを作成してもそのままでは自分のサイトに反映されません。タグやマクロを作成したら「バージョンの作成」をクリックします。バージョンを作成しただけでもサイトに反映されないので、「公開」をクリック。キャッシュ系のプラグインやCDNなどリセットしたりもしてみてください。通常数十秒もあれば、新しいバージョンは反映されます。(たまに遅い時があったけど)何が原因かわからないけど、普通のPV計測もできなくなってしまったといった場合は、バージョンを戻せば元に戻ります。グーグルタグマネージャーは、特にバックアップを意識しなくてもバックアップされていますので、以前のバージョンを選択して公開するだけで元通りです。トラッキングしたイベントデータトラッキングデータはグーグルアナリティクスで確認できます。クリックされたテキスト」が記録されてます。画像のクリックはaltが入るようです。グーグルタグマネージャーによる外部リンクを全てイベントトラッキングする方法については、以上です。追記:2014.1.11URLを間違えたことに、公開してから2カ月経って気がつきました。「/event-tracking-all/」にしたかったけどもういいか。マーケティングツール作成者:けんコメントを残す返信をキャンセルする。仕事に集中するためのホストのいじり方グアムのドコモパシフィックのプリペイドSIMカードを使ってみました【画面ハミ出し対策】レスポンシブでタブレットとPCは同じデザインにする方法ブログをリニューアルしました。ERR_EMPTY_RESPONSEの原因はCloudFlareとESETの相性。豪華客船クイーン・エリザベスが横浜大桟橋に初入港。(7)ABOUTmiz2403.comはテーマを絞らない雑記ブログです。ブログを開始した頃はWebマーケティングやホームページ制作の話が多かったのですが、いつのまにかデジモノやネットウォッチ、横浜の事や音楽などについても書くようになりました。詳細や書いている人についてはmiz2403.comについてをご覧ください。miz2403.com。