データレイヤーは、Google タグマネージャ（以下、GTM）を理解する上で最も重要な概念です。データレイヤーを理解し、活用すれば、多くのデータを自由に扱うことができるようになります。 この記事では、できる限りわかりやすく、データレイヤーについて説明していきます。仕組みを理解するのは大変ですが、この記事を見て実装の幅が広がれば幸いです！ また、本記事については以下のYouTube動画でも解説しています。良ければこちらもご参考ください。 データレイヤーとは何か？データレイヤーを使うメリットデータレイヤーの実装パターンデータレイヤーの実装方法STEP1: データレイヤーを作成するSTEP2: 作成したデータレイヤーにデータを追加する「=」を使ってデータを代入する方法「push」コマンドを使ってデータを追加する方法最適なデータレイヤーの実装方法データレイヤーの使い方データレイヤー変数の使い方カス
本コラムでは、Google Tag Manager（以下GTM）のデータレイヤーの設置個所や、記述方法による動作の違いについて解説します。 前提として、データレイヤーの概要の理解が必要なため、データレイヤーがそもそも何かわからない方は弊社の以下コラムを是非ご参考ください。 Googleタグマネージャ基礎 初心者でもわかるデータレイヤー データレイヤーはGTMの根幹であり、活用することで計測の幅が大きく広がります。一方で使い方にはいくつか注意すべきポイントがあるため、そこを重点的に解説します。 また、本記事については以下のYouTube動画でも解説しています。良ければこちらもご参考ください。 データレイヤーの変数とイベントについて自動で発生するイベントについてイベント送信の有無の違いについてまとめ データレイヤーの変数とイベントについて データレイヤーは、GTMに情報を渡すオブジェクト（箱の
本記事では、プログラミングの知識が不要な「自動収集」と「手動設定」の方法を解説します。 ※参考リンク：https://support.google.com/google-ads/answer/13262500?sjid=11534759758198963012-AP&visit_id=638307570644627936-2620244151&rd=2 「自動収集」での拡張コンバージョンの設定方法 コンバージョンを設定しているページ（フォーム入力後のサンクスページなど）で、顧客データを取得できる場合と取得できない場合の、二通りの設定方法があります。 コンバージョンを設定しているページで、顧客データを取得できる場合 Google タグマネージャーの［タグ］画面において、拡張コンバージョンを設定したいGoogle 広告コンバージョントラッキングタグをクリック。 ［自社のウェブサイトでユーザーか
UAをGA4に移行する際、Google Tag Maneger（以下GTM）で作成したカスタムイベントの計測で設定した内容を、備忘録として書き残します。 やりたいこと😤ページでボタンがクリックされる GTMのカスタムイベントが発火 クリックされた場所（ページ階層）、クリックされたボタン（Click URL、またはID、Class名）の情報がGA4に送られる カスタムイベントで取得したい内容例まずは、UAとGA4の相違＆注意点👀UAのイベント集計：「カテゴリ」「アクション」「ラベル」「値」 GA4のイベント集計：「イベント名」「パラメータ」 UAでのカスタムイベントの表示はレポートから設定した集計を確認できましたが、GA4では、レポート・探索にパラメータを表示させるにはカスタム定義に登録が必要です。（注意：上限数は50個） 登録すると、looker Studioでも使用することができます
ECサイトやBtoBの会員専用サイトなど、ログインの機能をもつウェブサイトであれば、分析の幅が広がるUser-IDという会員ごとに分析する機能がGoogleアナリティクス（以下GA）には用意されています。 このUser-ID機能を使うことで、会員と非会員のページ遷移の違いを分析したり、特定の会員がボタンをクリックしたかどうかなどがGAで見れるようになります。 今回はGoogleタグマネージャー（以下GTM）を使って、会員IDをGAで見れるようにする方法を解説していきます。 この記事はこんな方に役立つと思います。 ・会員と非会員のアクセスの違いを分析したい方 ・PCとスマホなどデバイスを跨いだ会員分析をしたい方 ・会員毎にアクセスや目標達成、イベント状況などを把握したい方では早速、説明していきます！ 1.対象のウェブサイトのソースコードを修正まずは会員IDを取得するためのコードをページに埋め
はじめに Googleタグマネージャー(以下GTMと記載)では2つの変数があります。 「組み込み変数」と「ユーザー定義変数」です。 「組み込み変数」とは よく利用する値をあらかじめ変数として扱えるようGTM側で用意されたものです。 例えばPage Path（現在のURLのPath）やClick Element（クリックが発生した DOM 要素）など利用頻度が多い値を取得することができます。 「ユーザー定義変数」とは ユーザーが設定できる変数です。 複数の変数タイプがあり、変数タイプによってさまざまな値を取得することが可能となります。 自由度の高い変数ですので大変便利な変数ですが、変数タイプによってさまざまな戻り値が存在します。 今回のコラムでは、ユーザー定義変数の変数タイプ別に、各種変数の戻り値のチェックを行いました。 GTM設定の際のご参考にしていただければ幸いです。 ユーザー定義変数の
なお同意ツールを利用していない場合、各同意タイプのデフォルト値は「許可」扱いになります。 そのため、GTMの同意設定に対応した同意ツールのタグテンプレート等を利用していないのであれば、タグの同意設定を変えても特に動作に変化はありません。 一括操作で同意設定を行えるようになる「同意の概要を有効にする」 同意ツールをサイトで利用しているのであれば、ONにしておきたいのが「同意の概要を有効にする」オプションです。 これは管理メニューの「コンテナの設定」画面へ追加されています。 管理 > コンテナの設定 へ「同意の概要を有効にする」が追加実装。 「同意の概要を有効にする」をONにすると、以下の機能が使えます。 タグの一覧画面から、複数のタグの「同意設定」を変更可能になる タグの一覧画面の右上へ同意概要アイコンが追加され、同意設定状況のリストを確認可能になる 要は複数のタグへ一括で同意設定できるよう
2020年8月末、遂にGoogleアナリティクスのGA4プロパティ（旧称：App+Webプロパティ）でもeコマースレポートが実装されました。 Digital Debrief – New Ecommerce Setup and Reporting in Google Analytics App+Web 早速データを送りたいところですが微妙にキーの名前が変わっていたり、今までスラッシュ区切りで実装すれば良かったカテゴリ情報が「category,category2,category3,…」のように分かれていたりするので 「既存のサイトに実装されている拡張ecommerce用のdataLayerを今すぐ全部書き換えるのはチョット…」という方向けに変換コードを作成しました。 Universal Analyticsの商品スコープのカスタムディメンションの情報をitem_variantに入れる等のアレン
マニュアルには書いていないGTMとGoogleアナリティクスの高度な使い方。とりあえず設定しておくと便利な変数やトリガーの使い方に加え、データレイヤーを徹底的に使いこなす。さらには計測だけでなく検証の手間を大幅に省くタグアシスタントの裏技を紹介する。最後にGTMを使ったGoogleアナリティクスの高度なcustomTaskや推奨カスタムディメンションも触れる。 GTM設定の黒魔術 便利な変数 ページビューID ページビュー固有のID 一度ページを読み込んでから、次に読み込むまでの間で保持されるID そのIDをさまざまなツールに送ればそれをキーにデータ連携できる。 ツールA,B,Cの間でIDを連携する場合、 ツールAのIDを取得→Bに送る ツールAのIDを取得→Cに送る ツールBのIDを取得→Cに送る （CのIDを取得→Aに送る？） （CのIDを取得→Bに送る？） など、ツール数が増えると複
新型コロナウイルスの感染が拡大している現在、Webサイトに緊急のお知らせなど追加したいと考えているWeb担当者の方もいらっしゃると思います。 そのような方に対し、Google Tag Manager(以下GTM)からサイトに変更を加える事なく、ポップアップ形式でのお知らせを追加できるカスタムHTMLを作成しましたので、こちらの説明をさせていただきます。 何かお役に立てるようでしたら幸いです。 前提条件 ・サイトにGTMが設置されていて、稼働していること ・GTMの編集権限を持っていること 1. カスタムHTML 以下がカスタムHTMLとなります。 基本的にはWebサイトに合わせて、URLやテキストの変更をした後カスタムHTMLとしてGTMに追加した後、ポップアップを出したいページでカスタムHTMLを発火させるだけです。 <script> (function() { var o = docu
Googleタグマネージャで、Googleアナリティクスのトラッキングコードを挿入した場合に、従来のaタグでのonclickイベントがトラッキングできなかったので対処方をまとめます。イベントトラッキングできるようにする方法です。 Googleアナリティクスのトラッキングコードはユニバーサルアナリティクス対応版です。 Googleタグマネージャでは従来のaタグイベントトラッキングはできないGoogleタグマネージャのコードを通常の設定のまま挿入すると、従来のaタグでHTMLに直書きしてのイベントトラッキングはできません。 HTMLに直書きする記載例はこのタイプのもの <a class="btn01" href="URL" 'event', 'カテゴリ', 'アクション', 'ラベル', 値);">申し込みボタン</a> Googleタグマネージャでユニ
ECサイトで検索した際にお目当ての商品が検索に引っかからずに離脱したことはありませんか？サイト内検索で商品が見つからなかった「サイト内検索の0件ヒット」という状態です。もし商品があるのに見つからなかったということであれば、とてももったいないです。 検索をしたものの略称で検索してしまった場合やスペルミスなどで検索に引っかからない場合は、検索に引っかからない0件ヒットになってしまいます。これはサイト内検索エンジンの機能を使うことで改善が可能です。 まずは、サイト内検索の結果が0件だったキーワードを知ることが大切です。 今回の記事は、「サイト内検索の0件ヒット」をGoogleアナリティクスで計測できるようにする方法の紹介です。 サイト内検索の0件ヒットをGoogleアナリティクスで計測する方法 サイト内検索をして検索結果が何も表示されなかった際にGoogleアナリティクスでイベント情報を付加しイ
Google Tag Manager(GTM)がリリースされてから、徐々に事例が出てきておりますが、今回はAjaxのページャーを仮想ページビューを利用して計測する方法をご紹介します。 今までのAnalyticsであればonclickとして、trackPageviewを発行してあげればいい訳です。 「 '/services/']);" 」 GTMの場合は、dataLayerを利用しますが、onclickの場合は「dataLayer.push」ですね。 企業側のサイトにはこれから反映させて行く予定ですが、個人環境でテストを実施した内容で一度ご説明いたします。 企業サイトは既にこんな状況でして・・・、ちゃんと整理しないといけない状況に陥っていたりしますが・・・ dataLayerとは・・・ Google側で予め用意してい
SEM Technologyブログに対して、Googleタグマネージャを使って、Googleアナリティクスの実装を行う様子をノーカットで紹介します。 今回の動画で紹介するカスタマイズ内容は、 ・基本的なGoogleアナリティクスの設定 ・カスタムディメンションの設定 ・クライアントID ・タイムスタンプ ・ページタイプ ・記事カテゴリ ・記事公開日 ・イベントトラッキング ・記事の読了イベント ・記事のスクロール ・外部リンクのクリック ・コンテンツグループ 今後、当チャンネルにおいて、様々なWebサイトに対してGoogleアナリティクスの実装を行う様子をノーカットで紹介する動画を不定期で公開する事を考えています。動画で紹介可能で、約1時間程度のGA実装を希望するサイトがございましたら、ご連絡ください。
効果測定はアナリティクス活用方法の１つでしかなく、顧客理解やセグメント発見も重要です。例えばECにおける売上データは事業パフォーマンスの把握に役立ちますが、顧客の理解には不十分です。 そこで、見込み顧客がどの商品をどれくらい真剣に検討しているかを数値化するデモを作ってみました。サンプルECサイトと実データのレポートも大公開！ DEMOサンプルサイトのこの商品詳細ページを開いて、以下のいずれかの検討アクションを行うと、それぞれ点数が加算されていきます。 写真の切り替えサイズの選択お気に入り追加メーカーサイトへのリンクのクリックレビューの全体表示GAサーバーへデータが送信されてスコアが加算されると、マリオのコインGET音が鳴ります Google Sheetsのレポートに自動反映される結果はこのGoogle Sheetsに1時間に1回、自動反映されます。 スプレッドシートをコピー（複製して保存）
「直帰率が高いキャンペーン用LPがあり、時間をかけてスクロールしながら読まれているのか知りたい」というご質問をいただいたので、ここで回答します。 GTMとGAで実装しやすいように、ページのスクロール（10％間隔）の最大量と滞在時間（3秒間隔）をGTMの機能を使って計測し、ページを移動や離脱する時に最終的な値をイベント計測するというアプローチをおすすめします。実際にこのページに実装し、計測データとレポートも共有しておきました。 DEMOこのページを開くとタイマーがスタートします（毎秒だと細かすぎるので3秒毎） 00:00別のページへ移動したりタブやウィンドウを閉じる時にタイマーが停止して最終的な滞在時間が確定し、GAへデータが送信されます。 こんなデータが取れるようになります。 Google Sheetsのレポートに自動反映される結果はこのGoogle Sheetsに1時間に1回、自動反映さ
2019年3月27日ごろ、Googleタグマネージャで新たなトリガーのタイプ「トリガーグループ」が追加されました。 これは複数のトリガーを組み合わせて「すべてのトリガーが反応したら」という条件を作ることができるトリガーになります。 例えば 「記事ページで本文の下までスクロールさせて（要素の表示トリガー or スクロール距離トリガー）」 かつ 「本文中に掲載している動画が再生されたら（YouTube動画トリガー）」 みたいな条件が簡単に作れるようになりました。 トリガーを条件として利用できるようになる、新しいトリガーの種類 要は、今まではタグに複数のトリガーを紐づけてもOR条件にしかできませんでしたが、トリガーグループを使うことによって、複数のトリガーをAND条件として利用できるようになったわけです。 ただし、トリガーグループの判定は1ページ内でしか行われないため、複数ページにまたがるような
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く