カスタムJavaScriptで自在に値を加工するタグマネージャの最終兵器（全20回の20） | 実践 Googleタグマネージャ入門
JavaScriptが書ければさまざまなことができるこれまでは、Webページの内容を「カスタムJavaScript」を利用して取得するのはおすすめできないと述べてきました。Webページの内容や構成が変わると、意図通りに動かなくなってしまう可能性があるからです。しかし、それ以外の用途なら、カスタムJavaScriptを有効に活用することもできます。特に、自身や周りの人がJavaScriptに詳しい場合は、自分でJavaScriptを書くことで、例えば簡単な計算や変数同士の値の結合など、さまざまなことが実現できるようになります。最後に、「カスタムJavaScript」について解説します。 ●JavaScriptで値を取得したくなる状況の例ルックアップテーブル変数では対応しきれない複雑な条件分岐クリックしたリンク先URLのうち、全文ではなく最後のディレクトリ名だけを抜き出したいWebページ内の特
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内にその情報自体が含まれていない場合など、それらの方法では値を送
場合によってタグの値を変えたい……複雑な条件を管理できる便利な「ルックアップテーブル」を知ろう（全20回の18） | 実践 Googleタグマネージャ入門
状況によって自動的に返す値を変えられるGoogleタグマネージャでタグを管理していると、「もし○○という要素が××だったら『A』という値が、それ以外だったら『C』という値が欲しい」のように、状況によって必要な値が変わることが意外とあります。例えば、以下のような状況ですね。 ●ルックアップテーブルが活用できる例ドメインごとにGoogleアナリティクスのトラッキングIDが異なる（1つのコンテナで複数のドメインを管理している場合）リンクのクリックは基本的には仮想URLで、特定のURLのときだけ通常のページビュー計測を行いたい状況が2～3パターンであればその個数分タグやトリガーをコピーして作ればそれで対応もできますが、これが5個や10個、もしくはそれ以上の膨大なパターンになった場合、1つ1つ手作業でタグやトリガーを複製していくのは現実的ではありません。そこで、こういったときに役立つのが「ルックアッ
URLが同じでもページの内容を判断してタグを出し分ける「DOM要素変数」でトリガーを作成する（全20回の16） | 実践 Googleタグマネージャ入門
Webページの表示内容でタグやトリガーを作るWebページ内に表示されているテキストをGoogleタグマネージャで利用したい場合は、どうすればいいでしょうか？ 例えば以下のように、トリガーの条件にしたい場合やタグの設定の値にしたい場合など、さまざまなケースがあるでしょう。 ●Webページの内容を取得するタグやトリガーの例URLが変わらないフォームで、ページの大見出し（h1タグ）でどの画面かを判別してトリガーを作りたいログインユーザー名が表示される部分が「ログインしてください」以外のとき、というトリガーを作りたいヘッダーの「カートに入っている商品点数」をGoogleアナリティクスのカスタム指標にセットしたいこれらの場合は、そのときにWebページに表示されているテキストを参照する必要があります。具体的には、それらの参照したい箇所を変数として登録して利用することになります。Googleタグマネージ
フォーム入力時や送信前などにタグを動かす、タグマネ用「Event変数」の基本（全20回の14） | 実践 Googleタグマネージャ入門
Googleタグマネージャを呼び出すための「Event」変数Googleタグマネージャの基本は、これまで解説してきたように「URLが○○のとき」のように、該当するページの読み込み時にタグを配信するトリガーです。ただ、「ページが読み込まれた瞬間」ではなく任意のタイミングでタグを配信したい場合もあるかと思います。例えば、フォームの入力チェックを行っているJavaScriptなど、特定のJavaScriptが処理を行っている最中や完了した後にタグを配信したいといった場合ですね。そうしたトリガーは、「Event」変数を使って作成が可能です。 Event変数は最初から利用可能な変数の1つで、ほかの変数とは異なり少々特殊な特徴を持っています。Event変数はGoogleタグマネージャを呼び出す際に使用する変数で、Event変数の値が変わるたびにGoogleタグマネージャが呼び出されます。実をいえば、標
AdWords広告のコンバージョンタグ設定をタグマネージャで管理してみよう（全20回の7） | 実践 Googleタグマネージャ入門
Google AdWordsの設定はとても簡単Googleアナリティクスの次は、Google AdWordsのタグを取り上げていきます。Google AdWordsを利用しているなら、広告の成果を計測するためのコンバージョンタグは多くの人が利用しているでしょう。Google AdWordsのタグもGoogleタグマネージャのテンプレートから選択するだけで利用でき、オプション項目も特にありませんので非常に簡単に登録できます。 具体的には、既存のタグの一部をコピー＆ペーストするだけで完了します。まずは既存のタグを見てみましょう。設定に必要になるのは、「google_conversion_id」「google_conversion_label」「google_conversion_value」の3つの値です。 ●参考：既存のGoogle AdWordsのコンバージョンタグ 例<script ty
GAでは難しい「イベントトラッキング」も、タグマネージャを使えば楽々設定（全20回の6） | 実践 Googleタグマネージャ入門
さまざまな行動を計測できる「イベント」これまでページビュー計測のためのタグを解説してきましたが、Googleアナリティクスではページビュー以外にもよく使われる計測方法があります。ここでは、その主要な1つである「イベント計測」について取り上げます。 ページビュー計測は単純に「ページが何回表示されたか」を計測しますが、イベント計測は「何らかの回数」を計測することができます。例えば、ユーザーが特定のボタンやリンクをクリックしたときなどにその回数をカウントするための手段としてよく使われます。Googleタグマネージャでイベントを計測するためには、イベントを計測する用の新規タグを作成してオプション項目でイベントの値を入力します。 なお、3-3の仮想ページビュー計測と同様、イベント計測も「リンクをクリックしたとき」などのトリガーと組み合わせて使います。第4章を参考に、必要なトリガーを先に用意しておくと
最も簡単！ Googleアナリティクスのタグ設定ならGTMで！ 手順も解説 | 実践 Googleタグマネージャ入門
Googleアナリティクスの設定はテンプレートが用意されている最初に取り上げるのは、アクセス解析ツール「Googleアナリティクス」のタグです。これはユーザーがアクセスしたページのURLなどを「ページビュー」として計測するためのタグで、Googleアナリティクスの中でも最も基本となるタグです。Googleアナリティクスでページビュー計測を行う場合は、全ページにこのタグを記述する必要があります。 Googleアナリティクスのタグは、Googleタグマネージャでは入力用のテンプレートが用意されているので、簡単に設定が可能です。なお、本書では新しい「ユニバーサルアナリティクス」の設定手順を紹介します。旧バージョンの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タグマネージャとは？ そのメリットと特徴を知る（全20回の1） | 実践 Googleタグマネージャ入門
タグにまつわるさまざまな問題いまやインターネットは広く普及し、通信速度も安定・向上しています。通信環境が安定した結果、「WebサイトのHTMLにタグを記述して、インターネットを通じて処理を行うツール」はどんどんその数を増やしています。 例えば、アクセス解析の「Googleアナリティクス」や広告配信の「Google AdWords」「Yahoo!プロモーション広告」などが代表的です。いずれも有名で普及率の高いツールなので、名前を聞いたことがあったり、実際に利用していたりする人も多いのではないでしょうか？ 少なくともビジネス用途のWebサイト運用では、今ではこれらのツールなしでは成り立たないといっても過言ではありません。ただ、その種類が増えてきた結果、いくつか問題も出てきました。ひと言でいうと「管理が大変」ということです。 ●代表的な問題埋め込まれているタグの状況を把握しきれないWebページに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リンクのクリックをGAで計測するのも簡単！ タグマネージャの「イベントリスナー」の使い方（全20回の15） | 実践 Googleタグマネージャ入門
特定のページでだけタグを配信、タグ管理の基本「トリガー」を作ってみよう（全20回の9） | 実践 Googleタグマネージャ入門