Google Tag Manager でリファラ経由でソースの出し入れする方法│株式会社イー・エージェンシーグループ

Google Tag Managerでリファラ経由でソースの出し入れをしてみました。
簡単な紹介と実際の設定方法をブログにしてみました。

このサイトは、Facebookレコメンドバーを出していなかったので、FacebookレコメンドバーをFacebook経由で来た人には、表示するように設定してみました。

Google Tag Manager official website
http://www.google.com/tagmanager/

Google Tag Managerとは

Webサイトの各ページをGoogleに接続するコード・スニペット（短いコード）を埋め込みます。 Google Tag Managerは、各ページがブラウザによって呼び出されると、それぞれに必要なタグを提供する仕組みです。

簡単に説明すると

タグ（tags）

入れたいソースですね。例えば、google analytics や広告のタグなどjavascriptを入れます。
今回紹介するのは、htmlをいれました。

ルール（rules）

もし、Ｆacebookのサイトをみたら出す。　など条件を設定できます。
サイト上の/sitemap の時には、これを出さない。など条件を入れるところです。

マクロ（Macro）

変数を入れるところです。例えば、過去にこれを見た人は、とか

実際使ってみると、理解が深まるのでやってみる事にしました。

このサイトは、Facebookレコメンドバーを出していなかったので、
FacebookレコメンドバーをFacebook経由で来た人には、表示するように設定してみました。

下記のソースは、Facebookレコメンドバーを出す為のソース

referrer starts with https://www.facebook.com/ と設定する事で、Facebook経由からと書きました。

refferrerでHTTP Referrerを選択しました。

ＳＡＶＥします。次に右上にあるCreative Versionを押します。

この画面からＳＡＶＥ＆ＰＵＢＬＩＳＨします。 Publishを押さないと使えませんので注意してください。プレビュー＆デバッグを使うと実際の動作を確認できます。

今回の場合は、Facebook経由の場合としたので、直接urlを叩いてもでません。経由した場合には、このようにFired on Tag Manager Load と表示されちゃんと出力されているよ！と確認が出来ます。

Google tag Managerで作成したタグは、body タグの最初に入れました。

無事出力できました！確認は、Facebookページからこのサイトのurlに移動してみてください。 https://www.facebook.com/eAgency.corp