タグマネージャで作成したクリックイベントの挙動を確認する方法

公開日: : MEMO , ,

前回、Googleタグマネージャにて クリックイベントのタグを作成しました(Googleタグマネージャを利用してリンクのクリック情報を計測する方法)。

今回は、作成したイベント計測タグが正常にクリックを計測できているか確認する方法です。

プレビューモードでサイトを閲覧する

まずはタグマネージャの「プレビューモード」で、タグの挙動を確認してみましょう。

タグマネージャの「コンテナ」タブを選択後「公開」ボタン脇をクリックし、「プレビュー」ボタンを押します。

tag_kakunin_001

すると、画面に「プレビュー中のバージョン:このウェブブラウザでご自身のサイトにアクセスすると、このバージョンをプレビューしてデバッグできます。」という表示が出ます。

tag_kakunin_002

この状態になった後、同じブラウザで自分のサイト(イベントのタグを作成したサイト)を閲覧してみてください。

以下のように、ページ下部にタグマネージャのウィンドウが表示されるはずです。

tag_kakunin_005

設定ページでタグは認識されているか?

現在閲覧中のページに、タグマネージャで設定したタグが表示されています。

tag_kakunin_006

ここに表示されているタグが、タグマネージャの「タグ」タブ(下図)と同じになっていればOKです。

tag_kakunin_007

私の場合は、アナリティクス計測用の基本タグ「基本のビュー」と、今回作成した「イベント計測-hontoのクリック率 」の2つを設定しています。とりあえずタグはしっかり設定できているようですね。

タグは意図通りに動作するか?

続いて動作確認です。

もう一度、プレビューモードの画面下部を見てください。よく見てみると「Tags Fired On This Page: 」と「「Tags Not Fired On This Page: 」という上下2段の構成になっています。

これは、以下のようにタグの状態によって区別されています。

(上)Tags Fired On This Page:
このページに設定され かつ有効化されているタグ

(下)Tags Not Fired On This Page:
このページに設定されているが まだ有効化されていないタグ

tag_kakunin_010

「基本のビュー」は、通常のアナリティクスの計測用タグなので、ページを開くと同時に有効化され、1回計測が行われています。

ですから「Field 1 times(=1回)」とカウントされていますね。

tag_kakunin_008

下段の「イベント計測-hontoのクリック率」のタグは、今回新たに作成したクリックイベントのタグです。

tag_kakunin_009

「hontoという文字列を含むリンクがクリックされた時」に有効化する設定になっています。ページ自体にタグは設定されているものの、まだ有効化(=文字列のクリック)はされていないため下段「Tags Not Fired On This Page: 」にあります。

自分でクリックしてイベントを発生させてみる

この状態で、試しに「honto文字列」を含むリンクをクリックしてみましょう。

テキスト内に「honto」という文字を含む「書籍と電子書籍のハイブリッド書店【honto】」というリンクをクリックすると・・・

tag_kakunin_011

クリック前は↑でしたが、クリック後は・・・

tag_kakunin_012

「イベント計測-hontoのクリック率」のタグが 上段に移動しました(=有効化された)。
Field部分も「1time(s)」となり、しっかりカウントされていることがわかります。

tag_kakunin_013

つまり、私の意図通り「honto」という文字列を含むリンクがクリックされる度に、1回カウントが行われているコトが確認できました。

以上が確認できればOKです。

プレビューモードを終了するには、再度タグマネージャに戻り「プレビューモードを終了」をクリックします。

tag_kakunin_014

  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

amazon_suport_001

Amazonカスタマーサポートにメールを送る際「名前を入力してください」とエラーが出た場合の対処方法

Amazon driveについて確認したいことがあり、カスタマーサポートにメールで問い合わせてみるこ

足元の冷えを解消!デスクワーカーにおすすめの足温グッズまとめ!

日がな一日座り続けで作業をしていると、血流が悪くなるのか、足元(つま先からカカトにかけて)が冷えてし

itunes_symblink_012

itunesのバックアップデータ保存先をCドライブ以外に指定する方法

iphone内のデータ保護を目的として、itunesを使ったバックアップを利用することにしました。

gamen_001

作業ウィンドウがモニタ画面の外に隠れてしまった場合の対処方法

パソコンで作業をしていて、何かのきっかけで突然作業ウィンドウがモニタ画面の外側に出てしまい戻らなくな

aropa_007

イライラ・緊張屋さん必携!? アロパノール服用後の効果とその感想

しばらく前に電車で見かけた中吊り広告がひどく印象に残りました。 不安や緊張をほぐし、イライラを

wp_link_none001

WordPressで画像挿入時にリンク先の設定をデフォルトで「なし」にする方法

WordPress(ワードプレス)で文章内に画像を入れ込む場合は「メディアを挿入」ウィンドウで対象の

kojo_002

年末調整用 控除申請書の記入例 -給与所得者の保険料控除申請書 など

毎年、11月あたりになると年末調整用の各種控除申請を作成しています。 「給与所得者の保

pdf_001

複数のPDFファイルをひとつにまとめる方法

AdobeCCを使いはじめて、地味に便利になったことのひとつに「Adobe Acrobat XI P

excel_grah_jiku008

Excel(エクセル)で表から作成したグラフの軸を上下反転させる方法

excel(エクセル)2013で作成した表をもとにグラフを作成した時に、項目の上下の並び順を反転した

hdd_zanryo_002

Windows7でHDD(ハードディスク)の残量を視覚的に分かりやすく確認する方法

「コンピュータ」のエクスプローラ画面では、接続されている各種ドライブを確認することができます。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

足元の冷えを解消!デスクワーカーにおすすめの足温グッズまとめ!

日がな一日座り続けで作業をしていると、血流が悪くなるのか、足元(つま先

ashi_c_008
足元の冷え解消!足温グッズレビュー(3) ホットマルチヒーター

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_b_002
足元の冷え解消!足温グッズレビュー(2) 山形電気あんか*参考

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_a_006
足元の冷え解消!足温グッズレビュー(1) デュアルヒータースリッパ

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

futa_001
掃除機にペットボトルの蓋が詰まってしまった場合の対処方法

部屋を掃除していたところ、掃除機でペットボトルのフタを吸い込んでしまい

→もっと見る

PAGE TOP ↑