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)
もし、Facebookのサイトをみたら出す。 など条件を設定できます。
サイト上の/sitemap の時には、これを出さない。など条件を入れるところです。
マクロ(Macro)
変数を入れるところです。例えば、過去にこれを見た人は、とか
Google tag Maneger を使ってみた。
実際使ってみると、理解が深まるのでやってみる事にしました。
このサイトは、Facebookレコメンドバーを出していなかったので、
FacebookレコメンドバーをFacebook経由で来た人には、表示するように設定してみました。
下記のソースは、Facebookレコメンドバーを出す為のソース
ルールの設定
referrer starts with https://www.facebook.com/ と設定する事で、Facebook経由からと書きました。
マクロの設定
refferrerでHTTP Referrerを選択しました。
設定が終わったら
SAVEします。 次に右上にあるCreative Versionを押します。
この画面からSAVE&PUBLISHします。 Publishを押さないと使えませんので注意してください。 プレビュー&デバッグを使うと実際の動作を確認できます。
今回の場合は、Facebook経由の場合としたので、直接urlを叩いてもでません。 経由した場合には、このようにFired on Tag Manager Load と表示されちゃんと出力されているよ!と確認が出来ます。
Google tag Managerで作成したタグは、body タグの最初に入れました。
無事出力できました! 確認は、Facebookページからこのサイトのurlに移動してみてください。 https://www.facebook.com/eAgency.corp
Google Tag Manager の紹介動画
PICK UP
-
タグ: AIと経営, コラム, デジタルとリアル, 事業戦略, 人材育成, 企業ストーリー, 働き方, 創業秘話, 社内企画, 社長インタビュー, 経営理念, 給与制度
給与水準を高くする理由は?IT経営者でなければ何をしたい?【甲斐社長に聞く 第2回】|株式会社イー・エージェンシー公式note -
株式会社KEYMEMORY様:さぶみっと!レコメンドご利用事例
-
タグ: CVランキング, ECマーケティング, Shopify, Shopifyアプリ連携, ecサイト構築, refactory, さぶみっと!レコメンド, コラム, レコメンドエンジン, 売上向上, 導入事例, 販売代理店
株式会社refactory様『さぶみっと!レコメンド』をShopify上に国内初導入&販売代理店契約を締結 -
タグ: エンジニア募集, オウンドメディア, コラム, ビジネス職, リモートワーク, レコメンドエンジン, 中途採用, 働きやすい環境, 採用強化, 社内文化, 翻訳ツール
【オープン社内報 2025年7月号】イー・エージェンシー プレミアムニュース -
タグ: エンジニア採用, キャリア採用, コミュニケーション, コラム, ブログ, リモートワーク, ワーケーション, 文化, 環境
2025年7月の募集職種一覧!ビジネス職を中心に採用強化中!|株式会社イー・エージェンシー公式note -
タグ: BIツール, GMP, Google Cloud, Looker Studio, Looker Studio Pro, コラム, データ分析, データ可視化, レポート自動化, 生成ai
【比較表あり】有料版Looker Studio Proと無料版の違いを徹底解説!導入で気をつけるべき3つのポイント