並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 275件

新着順 人気順

"google タグマネージャー"の検索結果1 - 40 件 / 275件

  • タグマネジメントツール「Googleタグマネージャ(Tag Manager)」についての紹介 | アユダンテ株式会社

    現地時間の2012年10月1日、日本時間では10月2日にGoogleから新たなWebサイト向けツール「Google Tag ManagerTM」が公開されました。 これはGoogleアナリティクスTMやコンバージョンタグなどといった「HTMLに差し込んで使用するコード」をHTMLから外部化して、一元管理するためのいわゆるタグマネジメントツールです。 今までのGoogleのツールと比較すると少々使い方などが特殊で、人によっては分かりづらく感じる方もいらっしゃるかと思いますのでざっくりとした紹介をしてみようと思います。 「HTMLに埋め込むコード」を一元管理するためのツール 具体的には、外部ツールが生成したコードをまとめる 実際に使ってみよう 使用準備(初期設定) Google Tag Managerコードの埋め込み 既存HTMLから埋め込んでいる他ツールのコードを切り出し 「タグ」と「ルール

      タグマネジメントツール「Googleタグマネージャ(Tag Manager)」についての紹介 | アユダンテ株式会社
    • Google タグマネージャで Web ページに読み込む JavaScript を管理してみる

      Google タグマネージャ (Google Tag Manager) をこの Blog 内の各ページで読み込んでいる JavaScript コードの管理に数ヶ月前から使い始めていますが、結構使いやすくて便利なのと、ページの表示速度的にもいい結果が出たので紹介してみます。 Google タグマネージャ公式サイト 機能 : Google タグマネージャ Google タグマネージャとは? Google タグマネージャは無料で簡単に使用できるタグ管理システムです。ウェブ上の使いやすい管理画面から自分でタグを管理してモバイル アプリを設定できるため、面倒なコード書き換えは不要で、IT 部門に依頼する必要もありません。 機能 : Google タグマネージャ から引用 と公式には書いてありますが、簡単にいえば Web ページ内で読み込む各種の JavaScript コード、例えば Google A

        Google タグマネージャで Web ページに読み込む JavaScript を管理してみる
      • Googleタグマネージャとは? そのメリットと特徴を知る(全20回の1) | 実践 Googleタグマネージャ入門

        タグにまつわるさまざまな問題いまやインターネットは広く普及し、通信速度も安定・向上しています。通信環境が安定した結果、「WebサイトのHTMLにタグを記述して、インターネットを通じて処理を行うツール」はどんどんその数を増やしています。 例えば、アクセス解析の「Googleアナリティクス」や広告配信の「Google AdWords」「Yahoo!プロモーション広告」などが代表的です。いずれも有名で普及率の高いツールなので、名前を聞いたことがあったり、実際に利用していたりする人も多いのではないでしょうか? 少なくともビジネス用途のWebサイト運用では、今ではこれらのツールなしでは成り立たないといっても過言ではありません。ただ、その種類が増えてきた結果、いくつか問題も出てきました。ひと言でいうと「管理が大変」ということです。 ●代表的な問題埋め込まれているタグの状況を把握しきれないWebページに

          Googleタグマネージャとは? そのメリットと特徴を知る(全20回の1) | 実践 Googleタグマネージャ入門
        • タグの一括管理ができる!Googleタグマネージャの使い方|ひびの備忘録

          Googleタグマネージャ(GTM)とは、タグを一括管理できるシステムです。Googleアナリティクスのタグをはじめ、Adwordsのリマーケティングタグやコンバージョンタグなどを管理することができます。 さらに、これまで面倒だったクロスドメインやクリック測定ができるイベントトラッキング、仮想ページビューなどのカスタマイズも設定できます。 先日、ユニバーサルアナリティクスに移行した時に、「今後、タグはタグマネージャで管理する必要があるのかも。」と思い、同時にGoogleタグマネージャも導入しました。 ということで、今回はGoogleタグマネージャについてまとめます。 Google タグマネージャ公式サイト 目次 どんなタグが管理できるの? 今までの設置方法とどう違うの? 導入するメリットは? 導入にデメリットはある? どんなサイトでもタグマネージャを使った方がいいの? 【設定方法】Goog

            タグの一括管理ができる!Googleタグマネージャの使い方|ひびの備忘録
          • Googleタグマネージャ 初期設定の手順、使い方まとめ | ナイルのマーケティング相談室

            Googleタグマネージャは、2012年10月1日(日本だと10月2日)にgoogleから公開された新ツールです。10月26日には日本語インターフェースがリリースされました。(タグマネージャー、と書きたくなりますが公式に合わせて「タグマネージャ」と書いておきます。) タグマネージャに関してはGoogleアナリティクスなどとは違い、まだまだそこまで世の中に情報が出回っているという状況ではないため、個別に細かな設定をしようかなと思った時には結構試行錯誤しながらやっていく、ということも出てくると思います。今後もう少し実用的な使い方についても解説したいと思いますが、今回はひとまず基本的な使い方、特に初期導入時の設定方法や手順をまとめておきました。 アクセス解析について知りたい方はこちら アクセス解析を活用して売上に繋げたい方はこちら Googleタグマネージャとは何か? 名前の通り、タグの管理(タ

              Googleタグマネージャ 初期設定の手順、使い方まとめ | ナイルのマーケティング相談室
            • GoogleアナリティクスとGoogleタグマネージャでWebサイト計測を始めよう!

              マーケッター向けに語られることが多いGoogleアナリティクス。本連載では開発者の方に向けてGoogleアナリティクスとGoogleタグマネージャの使い方を、基本から単なるページビュー計測にとどまらない利用方法までご紹介します。第1回ではGoogleアナリティクスとGoogleタグマネージャの始め方を解説します。 対象読者 JavaScriptを利用したウェブページを作ったことのある方 GoogleアナリティクスやGoogleタグマネージャについて基礎から学びたい方 Googleアナリティクスとは Googleアナリティクスとは、マーケティングに役立つ機能のそろったプラットフォームです。主要な機能の一つとして、ウェブサイトやアプリのページビュー数やセッション数の計測が挙げられます。無料で簡単に計測を行えることから世界中で人気のツールです。 Googleアナリティクスは、ウェブサイト計測以外

                GoogleアナリティクスとGoogleタグマネージャでWebサイト計測を始めよう!
              • Googleタグマネージャー(GTM)とは?アナリティクスとの連携方法や使い方を解説

                Googleタグマネージャー(GTM)とは?アナリティクスとの連携方法や使い方を解説 これから“BtoBマーケティング”を本格的に行いたいという方向けに、マーケティングの戦略設計や各種施策のノウハウを網羅した資料です。 1. Googleタグマネージャー(GTM)でどんな問題が解決できる? サイト担当の皆様、日々の業務でこんな問題はありませんか? ・タグを貼る度に、別の部署や制作会社に依頼しなければならない ・ 一つのサイトに様々なツールのタグが混在してカオス ・ どこにどのタグが記述されているか、把握しきれない ・複数人でサイトの管理しているので、最新状況が把握しきれない タグマネージャーを導入することで、これらの問題が解決できます。 CTAの効果計測、広告配信設定、外部ツールとの連携、チャットポット設置の際など、サイト運用上でタグを使うシーンは数多くありますので、サイト運用にはタグマネ

                  Googleタグマネージャー(GTM)とは?アナリティクスとの連携方法や使い方を解説
                • 超初心者向け!Googleタグマネージャーでクリックを検知・追跡・分析する設定方法 - NaeNote

                  こんにちは、NAEです。 ブログのカスタマイズで入れたお便利ボタン、渾身の記事に貼ったアフィリエイトのリンク、記事下に羅列した関連記事のリンク・・・ 実際どれくらい使われてますかね? こうするといいよ、という耳より情報にのっかって入れてはみたものの、きちんと効果測定せずにほったらかしてませんか? もしくは、何か効果があったとして、その要因がきちんと分析できていますか? そのお手伝いをするツールが、 GTM(Google Tag Manager) です。 つい最近このブログにも導入し、その凄さを実感しています。紹介したいと思います。 今回はそんなお話。 GTM(Google Tag Manager)とは GTMを使うと結局なにが嬉しいの? GTMの導入からGAで分析する方法 アフィリエイトリンク側の準備 GTMに登録する GTM側でタグ、トリガーを設定する タグを定義する トリガーを定義する

                    超初心者向け!Googleタグマネージャーでクリックを検知・追跡・分析する設定方法 - NaeNote
                  • Googleタグマネージャーによる現代版のスクロール計測の方法

                    Analytics Data APIの割り当て制限で使われる単位「トークン」を理解する2023年11月18日; Web解析

                      Googleタグマネージャーによる現代版のスクロール計測の方法
                    • Googleタグマネージャが同意の設定に対応 | アユダンテ株式会社

                      なお同意ツールを利用していない場合、各同意タイプのデフォルト値は「許可」扱いになります。 そのため、GTMの同意設定に対応した同意ツールのタグテンプレート等を利用していないのであれば、タグの同意設定を変えても特に動作に変化はありません。 一括操作で同意設定を行えるようになる「同意の概要を有効にする」 同意ツールをサイトで利用しているのであれば、ONにしておきたいのが「同意の概要を有効にする」オプションです。 これは管理メニューの「コンテナの設定」画面へ追加されています。 管理 > コンテナの設定 へ「同意の概要を有効にする」が追加実装。 「同意の概要を有効にする」をONにすると、以下の機能が使えます。 タグの一覧画面から、複数のタグの「同意設定」を変更可能になる タグの一覧画面の右上へ同意概要アイコンが追加され、同意設定状況のリストを確認可能になる 要は複数のタグへ一括で同意設定できるよう

                        Googleタグマネージャが同意の設定に対応 | アユダンテ株式会社
                      • 詳細設定に「Google タグマネージャ」の項目を追加しました - はてなブログ開発ブログ

                        はてなブログでは、詳細設定に「Google タグマネージャ」の項目を追加しました。これまでGoogle タグマネージャを利用する場合、コードを直接記述する必要がありましたが、今回の変更でコンテナIDを記述することでも利用できるようになりました。どうぞご利用ください。 詳細設定 設定方法 ダッシュボードの「詳細設定」にアクセスし、「解析ツール」からGoogle タグマネージャのコンテナID GTM-XXXXXXを設定してください。 Googleタグマネージャの設定やインストールについては、公式ドキュメント「タグマネージャのヘルプ」をご確認ください。 注意事項 この設定は、全ページ、全デバイス共通となります。また、noscriptタグは挿入されませんので、必要に応じてご対応ください。 noscriptタグを挿入する場合 ダッシュボードの「デザイン設定」から、「ヘッダ」内の「タイトル下」HTML

                          詳細設定に「Google タグマネージャ」の項目を追加しました - はてなブログ開発ブログ
                        • Googleタグマネージャへ新たに「スクロール距離」トリガーと「要素の表示」トリガーが登場 | アユダンテ株式会社

                          先日YouTube動画トリガーや正規表現の表変数などが実装されたと思ったら、またもやGoogleタグマネージャで新しい機能が実装されました。 今回実装されたのはページのスクロール率を計測するのに使える「スクロール距離」トリガーと、そしてページ内要素がユーザーへ表示されたタイミングで反応する「要素の表示」トリガーの2つです。また、これら新トリガーに関連する新しい変数も追加されていますので、合わせてご紹介します。 ページのスクロール率計測に使う「スクロール距離」トリガー 設定例 スクロール距離トリガーの細かい注意点 特定要素がユーザーに表示された際の計測に使う「要素の表示」トリガー 設定例 要素の表示トリガーの細かい注意点 「要素の視認性」変数で異なるトリガーでも条件として設定可能 ページのスクロール率計測に使う「スクロール距離」トリガー そのページがどれぐらいスクロールされたかを計測したい、

                            Googleタグマネージャへ新たに「スクロール距離」トリガーと「要素の表示」トリガーが登場 | アユダンテ株式会社
                          • Googleタグマネージャに自動イベントトラッキング機能が登場 | アユダンテ株式会社

                            先日の2013年10月1日から2日にかけて、アメリカでGoogle主催のイベント「Googleアナリティクスサミット2013」が開かれました。 このイベントへは弊社の安川と江沢も参加しておりましたので、イベントにてGoogleからどのような発表があったかはこちらのGoogleアナリティクスサミット2013 参加報告をご覧ください。 さて、そのGoogleアナリティクスサミット2013では、Googleタグマネージャの新機能についても発表がありました。 具体的に、以下の2つが加わっており、すでに実装がされているため利用可能になっています。 自動イベントトラッキング カスタムJavaScript 特に注目したいのが、自動イベントトラッキング機能。 これはいわゆる「HTMLに特別な記述をすることなく、自動でリンククリックなどへ対してGTMからタグを発行できる」機能でして、いままで多くの人々が待ち

                              Googleタグマネージャに自動イベントトラッキング機能が登場 | アユダンテ株式会社
                            • Googleタグマネージャ基礎:クリック計測する設定

                              クリック計測できない!そんな人は、この記事を読めばすっきり納得できます。 こんにちは、GTM好きのカグア!です。 みなさんはGoogleタグマネージャを使っていますか。わたしは最近がっつりとはまっていて、とても便利に使っています。いっぽうで、クリック計測や電話コンバージョンが計測できない、という声が聞かれます。 そこで本記事では、Googleタグマネージャを使ったクリックイベントを計測する方法を解説します。なお情報は2016年4月時点でのものです。 最新バージョンでの解説、プレビューモードで変数を確認しながらの設定と、あまり出回っていない情報を可能なかぎり具体的に書きました。とくにプレビューモードは理解していただけますと、後半の実践編で紹介した手順を、自分なりの設定に変更するなど応用がきくようになるかと思います。 GTMを未実装という方は、ぜひこの機会に入れてみてください。楽しいですよ!

                                Googleタグマネージャ基礎:クリック計測する設定
                              • タグマネージャーの重要性と用途で使い分けるYahoo!タグマネージャーとGoogleタグマネージャ|アナグラム株式会社

                                Webを利用したビジネスで欠かせないのがWeb解析や広告の効果測定。これらは主にトラッキングタグ(以下、タグ)を読み混むことでデータを収集するするのですが、様々な広告メニューやASPツールの増加に伴い、1ページあたりに挿入するタグも多くなってきているのも現状です。また、管理するタグが増えたことで、管理が煩雑になったり、トラブル回避のためにタグ同士の相性や挿入の順番の考慮する必要があるケースが発生するなど、ひと昔に比べて単純ではなくなってきています。 これらの課題を解決するものとして、タグを一元管理する為のタグマネジメントツールが誕生、近年では急激に普及してきており注目度も高まってきています。 今回はタグマネジメントの重要性から、現在主流となっているYahoo!タグマネージャーとGoogle タグマネージャの簡単な概要と、これらタグマネジメントツールの機能の差からどのように使い分けをするべき

                                  タグマネージャーの重要性と用途で使い分けるYahoo!タグマネージャーとGoogleタグマネージャ|アナグラム株式会社
                                • Googleタグマネージャーを手軽に試すことができるサイトを公開

                                  Analytics Data APIの割り当て制限で使われる単位「トークン」を理解する2023年11月18日; Web解析

                                    Googleタグマネージャーを手軽に試すことができるサイトを公開
                                  • Googleタグマネージャでタグ公開時にデバッグする方法 | ナイルのマーケティング相談室

                                    Googleタグマネージャではタグの一括管理が可能です。しかし、タグ管理に関する高度な計測の責任は、Web担当者にとってかなりの重圧になりかねません。そこで本記事では、そうしたプレッシャーの緩和になるスキルについて解説していきます。 取り上げるテーマはGoogleタグマネージャのプレビューモード。これはGoogleタグマネージャを使う上で必須スキルといわれています。このスキルを身につけ、効率的に設定ができれば、タグ公開前のプレッシャーはかなり減ることになるでしょう。 \ナイルのサイト改善提案の紹介はこちらから!/ プレビューモードとは Googleタグマネージャ(以下GTM)は2015年12月1日時点でバージョン2が最新版です。「v2」などということもあります。v1の時に「デバッグモード」という呼称を使っていたようですが、v2に変わってからは「プレビューモード」で統一されたようです。そこで

                                      Googleタグマネージャでタグ公開時にデバッグする方法 | ナイルのマーケティング相談室
                                    • URLが変わらないフォームをGoogleタグマネージャを使って正しく計測する設定|パワー・インタラクティブ

                                      フォームの改善(EFO)の概念が浸透して久しい。Webサイト上でコンバージョンに最も近い箇所に当たり、分析や改修を行う優先度は高い。 フォームの入力画面の到達状況や、フォームの各ステップ毎の到達状況や遷移率などを測ることで、「どのステップでユーザーが離脱しているか」を把握することがフォーム分析の初動のセオリーである。 アクセスログで解析するためには、各ステップ毎のURL(アドレス)が全て変化しないと情報(ログ)が解析ツール側に送ることができない。 このような形のフォームを解析するには、解析ツールが提供している機能を使い、サイト側に修正を加えることで可能になる。 ここでは、Googleタグマネージャとユニバーサルアナリティクスを組み合わせて運用している場合の内容を説明する。 ※従来のGoogleアナリティクスの場合は設定が異なるので注意。 ※関連ナレッジ資料※ Adobe Marketo E

                                        URLが変わらないフォームをGoogleタグマネージャを使って正しく計測する設定|パワー・インタラクティブ
                                      • Googleタグマネージャでクロスドメイントラッキングを設定する(2021年最新版) | ビジネスとIT活用に役立つ情報(株式会社アーティス)

                                        前回の記事「Googleタグマネージャの概要と導入方法」では、タグマネージャの仕組みと導入方法について紹介しました。 今回は、サブドメインを使って複数のサイトを運営している場合や、サイト内のフォームやショッピングカートにドメインの異なるASPサービスを利用している場合に設定が必要となる「クロスドメイントラッキング」について紹介します。 通常、GoogleAnalyticsのトラッキングコードを変更することで計測できるのですが、Googleタグマネージャではトラッキングコードを変更することなく管理画面上で簡単に設定できます。

                                          Googleタグマネージャでクロスドメイントラッキングを設定する(2021年最新版) | ビジネスとIT活用に役立つ情報(株式会社アーティス)
                                        • Googleタグマネージャで外部リンクのクリック数を計測する(2017年最新版) | ビジネスとIT活用に役立つ情報(株式会社アーティス)

                                          Webサイトを運営していると、外部サイトリンクのクリック数、PDFのダウンロード数などを計測したい場合があります。Google Analyticsの通常の設定では、これらを計測することができませんが、「イベントトラッキング」を設定することで可能になります。 イベントトラッキングは、計測したいリンクタグ(aタグ)などに「onclick属性」を追加する必要があり、やや手間がかかります。しかし、Googleタグマネージャを使うことで、簡単にイベントトラッキングの設定ができます。 今回は、Googleタグマネージャでイベントトラッキングを設定して、外部リンクのクリック数やPDFのダウンロード数を計測する方法をご紹介します。

                                            Googleタグマネージャで外部リンクのクリック数を計測する(2017年最新版) | ビジネスとIT活用に役立つ情報(株式会社アーティス)
                                          • 「Googleタグマネージャ」をつかってpjax遷移時にGoogleアナリティクスを集計する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                            こんにちは! フロントエンドエンジニアのハルです。 今回は、pjaxで動的に遷移したときに、Googleアナリティクスの集計を正常に行うための方法を紹介したいと思います。 Googleタグマネージャの設定 今回は、Googleタグマネージャをソースに設定する説明は省きます。 最初の方に出てくるこれです。 こちらの設定が終わっている前提で、細かい設定を解説していきます! 1.GTMで変数を設定する Googleタグマネージャの「変数」を登録します。 「ユーザー定義変数」の「新規」タブから追加できます。 「newPageUrl」という名前の変数を登録 基本的に好きな名前で問題ないのですが、今回はこの名前で登録します。 この変数にページ遷移後のURLが格納されます。 変数の種類 変数の種類は「データレイヤーの変数」を選択します。 データレイヤーの変数名 データレイヤーの変数名は「newPageU

                                              「Googleタグマネージャ」をつかってpjax遷移時にGoogleアナリティクスを集計する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                            • 私がGoogleタグマネージャーで必ず作成するたった1つの変数

                                              Analytics Data APIの割り当て制限で使われる単位「トークン」を理解する2023年11月18日; Web解析

                                                私がGoogleタグマネージャーで必ず作成するたった1つの変数
                                              • GAでは難しい「イベントトラッキング」も、タグマネージャを使えば楽々設定(全20回の6) | 実践 Googleタグマネージャ入門

                                                さまざまな行動を計測できる「イベント」これまでページビュー計測のためのタグを解説してきましたが、Googleアナリティクスではページビュー以外にもよく使われる計測方法があります。ここでは、その主要な1つである「イベント計測」について取り上げます。 ページビュー計測は単純に「ページが何回表示されたか」を計測しますが、イベント計測は「何らかの回数」を計測することができます。例えば、ユーザーが特定のボタンやリンクをクリックしたときなどにその回数をカウントするための手段としてよく使われます。Googleタグマネージャでイベントを計測するためには、イベントを計測する用の新規タグを作成してオプション項目でイベントの値を入力します。 なお、3-3の仮想ページビュー計測と同様、イベント計測も「リンクをクリックしたとき」などのトリガーと組み合わせて使います。第4章を参考に、必要なトリガーを先に用意しておくと

                                                  GAでは難しい「イベントトラッキング」も、タグマネージャを使えば楽々設定(全20回の6) | 実践 Googleタグマネージャ入門
                                                • Googleタグマネージャを5分で解説!今日から始められる初期設定ガイド | LISKUL

                                                  Webマーケやサイト制作界隈で次第に認知されてきている「タグマネージャー」。 Yahoo!タグマネージャーやGoogleタグマネージャなどがありますが、「どのタグマネージャーを使えばいいのか分からない」「導入するといいことがあるの?」「そもそも使い方が分からないから手を出しにくい」と、精神的な導入障壁がとても高いのではないでしょうか。 今回は、タグマネージャーの中でも無料で使用でき、解析ツールなどとも相性のいい「Googleタグマネージャ」について、解説します。 いくつかの導入を経て、導入までの障壁の高さを感じてきましたので、まずは導入までを噛み砕いて解説いたします。 今後、導入を検討されている方の判断、導入の一助になればと思います。 また、アクセス解析にさらに注力したい方は、国内29種のアクセス解析ツールをまとめましたのでご覧ください。(参考:国内29種のアクセス解析ツール一覧) タグマ

                                                    Googleタグマネージャを5分で解説!今日から始められる初期設定ガイド | LISKUL
                                                  • Googleタグマネージャを用いたイベントトラッキングやeコマーストラッキングの設定方法 | ナイルのマーケティング相談室

                                                    タグマネージャを使用してGoogleアナリティクスのeコマーストラッキングを設定する方法 Googleアナリティクスのeコマーストラッキング機能は、受注時の受注した商品や売り上げの情報を集計して、アナリティクス上で分析することのできる機能です。 今回は、Googleタグマネージャを使用して、eコマーストラッキング機能を設定してみます。タグマネージャのタグがWebサイトの各ページに挿入されていることを前提としますので、タグマネージャの導入がまだの場合は、以下の記事をご覧下さい。 必要な作業は次の3つです。 コンバージョンページに購入情報を含むJavaScriptを設置する Google アナリティクスのeコマース設定を有効にする Google タグマネージャ上でeコマーストラッキング用のタグを作成し、サンクスページに配信する コンバージョンページに購入情報を含むJavaScriptを設置する

                                                      Googleタグマネージャを用いたイベントトラッキングやeコマーストラッキングの設定方法 | ナイルのマーケティング相談室
                                                    • Googleタグマネージャに予め設定しておくと便利な変数12本

                                                      最近は、お客様にGoogleタグマネージャを提案しまくっています。導入できれば、JSや同期確認などはありますが、計測の幅が格段に広がり改善の選択肢が増えるからです。 そんなGoogleタグマネージャで、わたしがよく、あらかじめ設定しておく変数をご紹介します。デフォルトで用意されているものもあるのですが、ご参考になれば幸いです。 なお、ご利用のさいは、変数名などがかぶらないように変更してご利用ください。 Googleタグマネージャへの設定方法 Googleタグマネージャには、タグ、トリガー、変数とありますが、変数で何かしらのデータをキャッチして、それをトリガー内でつかったり、タグに受け渡したりと便利に使えます。 変数にはあらかじめ用意されているものもたくさんあって、それでも十分つかえますが、カスタムjavascriptという変数を使いますと、上図のように取得したいデータをごりごりコードで自作

                                                        Googleタグマネージャに予め設定しておくと便利な変数12本
                                                      • リンクのクリックをGAで計測するのも簡単! タグマネージャの「イベントリスナー」の使い方(全20回の15) | 実践 Googleタグマネージャ入門

                                                          リンクのクリックをGAで計測するのも簡単! タグマネージャの「イベントリスナー」の使い方(全20回の15) | 実践 Googleタグマネージャ入門
                                                        • GTM dataLayer(データレイヤー)変数の使い方とは?(全20回の19) | 実践 Googleタグマネージャ入門

                                                          GTM(Googleタグマネージャー)のdataLayer.pushから始まるデータレイヤー変数は、JavaScript変数に比べてどんなメリットがあるのでしょうか。データレイヤー変数の基本の使い方からGoogleアナリティクスの「transactionId」「transactionTotal」「transactionProducts」といったEコマースで使われるデータレイヤー変数についても紹介。 Googleタグマネージャにデータを渡す「データレイヤー変数」ここまで、変数を使ってHTML内のテキストやリンク先URL、Cookieの値などをGoogleタグマネージャに送る方法をいくつか解説してきました。5-1のDOM要素や5-2のJavaScript変数で登録可能な形であれば、その方法を利用すればいいわけです。しかし、HTML内にその情報自体が含まれていない場合など、それらの方法では値を送

                                                            GTM dataLayer(データレイヤー)変数の使い方とは?(全20回の19) | 実践 Googleタグマネージャ入門
                                                          • Googleタグマネージャの使い方。外部リンクへのクリックを設定 - hatebcustom

                                                            Googleアナリティクスのデフォルト設定では、外部サイトへのリンクは計測できません。 計測するにはイベントトラッキングの設定が必要となりますが、Googleタグマネージャを使えばかんたんに設定ができます。 外部リンクを取得する イベントトラッキングの設定 ①変数の設定 ②トリガーの設定 ③タグの設定 プレビューモードでテスト 発火(稼働)の確認方法 取得データを閲覧 クリックの内訳を知るには 自分のアクセスを除外する ローカルストレージを利用した方法 まとめと感想 外部リンクを取得する 前回の投稿では、スマホ画面用に設置したボトムナビゲーション(画像)の効果を見るため、Googleタグマネージャを利用してイベントトラッキングの設定をしました。 イベントトラッキングとは 今回はひきつづき、外部へのリンクのクリックを設定します。 外部へのリンクのクリックは、ページの遷移をともなわない行動のた

                                                              Googleタグマネージャの使い方。外部リンクへのクリックを設定 - hatebcustom
                                                            • Googleタグマネージャでタグの動作結果の確認を行う方法 | アユダンテ株式会社

                                                              Googleタグマネージャには動作確認用として「プレビューモード」(デバッグモード)という機能が実装されています。 これは登録された各タグに対して「配信されている/されていない」という状況を確認できる大変便利な機能なのですが、残念ながら、配信状況の確認しかできません。つまり現時点では、実際に配信された各タグの値などは画面には表示されないのです。 2014/7/9 追記:プレビューモードがバージョンアップされ、色々なものが簡単に確認できるようになりました。 詳しくは「GTMのプレビュー&デバッグモードがパワーアップしました」をご参照ください。 プレビュー&デバッグモード起動中の画面。 そこで今回は、手軽に確認する方法をご紹介します。 タグの「中身」ではなく「結果」を見よう Chromeのデベロッパーツールでタグの「結果」を確認する オマケ:Chromeのデベロッパーツールでタグの「中身」を確

                                                                Googleタグマネージャでタグの動作結果の確認を行う方法 | アユダンテ株式会社
                                                              • 【イラスト解説付き】Googleタグマネージャとは?超分かりやすく解説

                                                                このような「分析ツールを動かすためにWEBサイトに設置するコード」がタグです。 このタグをあなたのブログやWEBサイトに設置しないと、分析ツールは動きません。 他にはどんなタグがあるの? Search Consoleを動かすためのタグ Facebook広告の効果検証に必要なFacebookピクセルのタグ Google Adwordsのコンバージョンタグ Google Adwordsのリマーケティングタグ ヒートマップツールPTengineの解析コード(タグ) などなど。WEBサイトにまずは設置しないと使えません。 1-2. Googleタグマネージャの仕組みをもっと詳しく分かりやすく教えて! 通常は色んな分析ツールを使うときには、それぞれのツールのタグをイチイチあなたのWEBサイトに設置しないといけません。 反対に、GoogleタグマネージャのタグをWEBサイトに1度設置してしまえば、あと

                                                                  【イラスト解説付き】Googleタグマネージャとは?超分かりやすく解説
                                                                • Googleタグマネージャで「特定のページ」を指定するルールの作り方 | アユダンテ株式会社

                                                                  気付けばGoogleタグマネージャがリリースされてから、早くも1年半が経ちました。 今も2~3週間に1度は何らかのアップデートが行われいる状況ですが、一通りの基本的な機能の実装については落ち着いたように思えます。 さて、そんなGoogleタグマネージャにおいて、利用するにあたってもっとも基本となる「ルールの作り方」について取り上げてみようと思います。 今回は初心者向けの基礎的な内容となります。 Googleタグマネージャにおける「ルール」とは? 基本はURLを使って条件を作る URLマクロの種類 例1:TOPページを指定する場合 例2:ディレクトリを指定する場合 例3:購入完了ページを指定する場合 備考:複数のドメインにコンテナを設置している場合 備考:クエリによってページ内容が変わる場合 まとめ:URLを使ってルールを作る Googleタグマネージャにおける「ルール」とは? まず前提とし

                                                                    Googleタグマネージャで「特定のページ」を指定するルールの作り方 | アユダンテ株式会社
                                                                  • GoogleタグマネージャーでGoogleアナリティクスのイベント計測と、ページタイトルや画像のalt属性を取得するメモ

                                                                    GoogleタグマネージャーでGoogleアナリティクスのイベント計測と、ページタイトルや画像のalt属性を取得するメモGoogleAnalyticsGoogleTagManager 参考記事(感謝): URLが同じでもページの内容を判断してタグを出し分ける「DOM要素変数」でトリガーを作成する(全20回の16) やりたいこと 以下のようなHTML構造で、バナー画像をクリックした時にGoogleアナリティクスのイベントトラッキングをGoogleタグマネージャーで送信(計測)したい イベントを送信する際、イベントアクションにページタイトルを取得したい イベントを送信する際、イベントラベルに画像のalt属性を取得したい <!-- ページタイトル --> <h1 class="title">ページタイトル</h1> <!-- バナー --> <a href="#"><img src="xxx.j

                                                                      GoogleタグマネージャーでGoogleアナリティクスのイベント計測と、ページタイトルや画像のalt属性を取得するメモ
                                                                    • 【まとめ】GoogleタグマネージャとYahoo!タグマネージャーとを比較してみた - でぶててのWEB録

                                                                      機能性の比較・・・とするサイトが一切なかったのでまとめてみました。 ※2014年5月現在のデータになります。 GoogleタグマネージャとYahoo!タグマネージャー Googleタグマネージャ(以下、GTM)とYahoo!タグマネージャー(以下、YTM)。 どちらがいい、というわけではなくどちらにも機能特長があるうえ、サイトとの相性がある。それらを踏まえた上で GTMだけ使うのか? YTMだけ使うのか? 両方とも使うのか? 両方とも使わないのか? 4つの選択肢から選び、使い分けていくことになる。 GTMとYTMを比較しよう! 今回の比較表が、機能性のすべてを網羅しているわけではないです。 あくまで機能的にどういった違いがあるのか?をある程度把握できるようなものにしています。 何度もいいますが、どっちがいい!ってわけではないです。ほんとに。 ※デフォルトの機能での比較です。JSを使えばでき

                                                                        【まとめ】GoogleタグマネージャとYahoo!タグマネージャーとを比較してみた - でぶててのWEB録
                                                                      • Googleタグマネージャー(GTM)とは?設定方法・使い方まとめ|GAラボ

                                                                        Googleタグマネージャー(略称:GTM)の導入方法・基礎知識・設定例・活用方法などを解説します。一般的に「タグを一括管理するマネジメントツール」と呼ばれるものですが、初級者の方でもわかりやすく概要を掴めるように解説します。 お役に立てれば幸いです。 ※ひとまず、一晩で書き上げるので文面に粗い箇所があるのはご容赦ください。 ※随時更新します。更新頻度と内容は未定ですが、年内に完成するよう順次リリースするため、興味がある方はTwitterアカウントをフォローして頂けますと幸いです。 GTMの概要 Googleタグマネージャー(以下、GTM)は、Google社が無償で提供している「タグマネジメントツール」です。 ウェブとモバイル用のタグ管理ソリューション - Google タグ マネージャー https://marketingplatform.google.com/intl/ja/about

                                                                          Googleタグマネージャー(GTM)とは?設定方法・使い方まとめ|GAラボ
                                                                        • タグマネージャ導入前に知っておくべき基礎知識(全20回の2) | 実践 Googleタグマネージャ入門

                                                                          基本的にはどんなタグでも対応さて、Googleタグマネージャは「タグを管理するツール」ですが、取り扱い可能なタグはどうなっているのか気になりますよね? 実際に導入してみたものの「管理しようと思っていたタグが非対応だった」では目も当てられません。しかし、安心してください。Googleタグマネージャは、ごく一部を除いてほとんどのタグに対応しています。逆に非対応なタグの方が少ないため、ここでは非対応のタグの例を挙げていきます。以下に該当するタグを利用している場合だけ、注意してください。 ●Googleタグマネージャが対応していないタグページ構造にかかわるタグ(SNSのシェアボタンを生成するJavaScriptなど)同期処理が必要なタグ(Googleアナリティクスのウェブテスト機能など)この2種類が、2014年11月現在「非対応」となっているタグです。将来的には対応するかもしれませんが、現状ではこ

                                                                            タグマネージャ導入前に知っておくべき基礎知識(全20回の2) | 実践 Googleタグマネージャ入門
                                                                          • 実践 Googleタグマネージャ入門 コーナーの記事一覧 | Web担当者Forum

                                                                            本書は「Googleタグマネージャ」を解説する国内初の書籍です。Googleタグマネージャ認定パートナーのアユダンテ株式会社が、基礎知識から実際の設定方法までをていねいに解説。仕組みや基本的な考え方を理解できるよう、ひと通りの機能を網羅します。 2014年10月にリニューアルされた新インターフェースに完全対応。アクセス解析、リスティング広告、リマーケティングタグなどを日々扱うWeb担当者の方、またはWebサイトを管理しているシステム担当者の方に「今」おすすめの一冊です。 本書の目次電子書籍版では、以下のような内容を解説しています(記事にリンクしている節または公開予定が示されている節がオンライン公開対象です)。 はじめに第1章 Googleタグマネージャを知ろう1-1 Googleタグマネージャとは(全20回の1)1-2 対応しているタグとしていないタグを知る(全20回の2)1-3 Goog

                                                                              実践 Googleタグマネージャ入門 コーナーの記事一覧 | Web担当者Forum
                                                                            • Googleタグマネージャーでイベントトラッキングを測定する方法~クリック測定~

                                                                              Webサイト内にPDFなどで資料を掲載する際に、どの資料がクリックされたのかGoogleアナリティクスで確認が出来ます。 これを「イベントトラッキング」と言いますが、Googleアナリティクスのコードを直接挿入されているサイトで利用できるイベントトラッキング設定方法は、以前このブログにもご紹介しました。 ▼イベントトラッキングでPDFファイルのダウンロード数を計測する方法 https://mtame.jp/article/2015/02/04/10 今回はGoogleタグマネージャーでGoogleアナリティクスを管理されているホームページをご利用の方向けにイベントトラッキングを設定する方法をご案内いたします。 以前ご紹介した「onclick」のようにaタグそれぞれにトラッキングを設定する必要が無い為とても便利です。 ※Googleタグマネージャーを使用してGoogleアナリティクスを管理し

                                                                                Googleタグマネージャーでイベントトラッキングを測定する方法~クリック測定~
                                                                              • ゼロから始めるGoogle タグマネージャ(GTM)|アナグラム株式会社

                                                                                現在のWebマーケティング界というのは、もはやタグマネジメントなしではなかなか想像しにくいものです。マーケティングチャネルが近年多様化し、カスタマジャーニーにおける各チャネルの位置づけや成果への貢献度が問われる今日では、正確な計測に必要不可欠な計測タグを整理して一元管理できるタグマネジメントツールの重要性が増してきました。その背景があって、そもそもタグマネジメントを導入するか否かという質問より、導入を前提にたくさんあるツールの中から結局どれにすればよいかという質問のほうが一般化しているのではないでしょうか。 参考:タグマネージャーの重要性と用途で使い分けるYahoo!タグマネージャーとGoogleタグマネージャ その数あるツールの中で、今回はGoogleタグマネージャーの設定方法とタグに関する基本操作をご紹介していきたいと思います。 1. Googleタグマネージャーについて まずはGoo

                                                                                  ゼロから始めるGoogle タグマネージャ(GTM)|アナグラム株式会社
                                                                                • 【図解】はじめてのGoogleタグマネージャ | WebNAUT

                                                                                  こんにちは。プランナーの川村です。今回は、WEBマスターならぜひ活用したいツール「Googleタグマネージャ」のキホンを、図解と用語解説を交えて、できるだけ簡単に紹介してみたいと思います! Googleタグマネージャって? 企業のWEBマスターの方も、制作会社のディレクターの方も、ここ数年でGoogleアナリティクスでWEBサイトのアクセス解析をしたり、Adwordsで広告出稿を管理をしたり、といった機会が増えているのではないでしょうか。 これらのツールを使う際には、WEBページのhtml内に専用のタグを記載していると思いますが、記載するタグが増えてくると、タグの差し替えやページごとの出し分けが必要になったときに、都度htmlの更新作業が必要になり、管理も煩雑で、地味に面倒だったりしませんか? そんな時に便利なのが、Googleが提供している「Google Tag Manager」です。

                                                                                    【図解】はじめてのGoogleタグマネージャ | WebNAUT