Googleアナリティクスで特定の要素を表示したときにイベントトラッキングする

Googleアナリティクスなどでページの精読状況をトラッキングする際、「特定ピクセル以上スクロールする」「画面の○%以上スクロールする」ことがあるが、同様に「特定の要素を表示したとき」という条件でトラッキングしたいときもある。コンテンツの精読だけでなく、たとえばクーポンをページに仕込んでおいてその表示回数をカウントするなどのケースでも使える。 そのような場合にエレメントの座標を取得して、そこまでスクロールしたら発火するというアイデアがあるが、実はスマートフォンでは機種によって画面の幅が異なるため、テキスト部分の行数が変わり、縦座標の値も変わってくるという問題がある。単純に縦の位置を取得するだけ…

続きを読む →

Googleアナリティクスで同一URLでフォーム遷移する場合のページビュー計測

計測URLを正規化する、1ページは1URLに集約してページビュー計測することが望ましいことはhttps://www.marketechlabo.com/send-ga-pageview-canonicalized-url/で取り上げたが、この「1ページで複数URL」とは逆に「複数のページで1URL」になるパターンの対応法を取り上げる。 よくあるのはフォームの遷移などで、同一URLで異なる内容のページが表示されることがある。 入力フォーム→確認画面→完了画面 これらが画面遷移はあるものの1URLで完結しているケースである。ひどい場合は完了画面までもが同一URLになるため、コンバージョンの計測すら…

続きを読む →

システム改修をせずにGoogleアナリティクスのeコマーストラッキングを実装する

eコマースのシステム(ショッピングカート)においてGoogleアナリティクスの Eコマーストラッキングを実装する場合、通常はトラッキングする要素に動的な要素を含む、 システムが絡むため、システム改修が必要ということになる。 しかしシステム改修となると開発費もかかるため、なかなか踏み出せない。 またeコマースのシステムによっては商品名や価格を動的に出すなどプログラムのかかわる部分には 一切手を加えられない場合もある。 そこでJavascriptだけで注文番号、商品名、金額などを取得する方法をここでは紹介する。 つまりタグマネージャー一つ設置されていれば、そのカスタムタグ機能で eコマーストラッキ…

続きを読む →

Googleアナリティクスで一定ピクセルスクロールしたらイベントトラッキング

Googleアナリティクスで一定ピクセル以上スクロールしたらイベントトラッキングする実装方法。ユニバーサルアナリティクスの生タグでの実装方法を説明する。なお現在はGoogleタグマネージャーを使えば簡単に実装できるためあまり役には立たないかもしれない。 条件は下記。 PC、スマホで特定ピクセルを超えてスクロールしたらイベント検出 PCは800ピクセル(> 800) スマホは600ピクセル(> 600) 一度イベント検出したらそのPV中は再検出しない(その後のスクロールは無視) 既存のトラッキングコードとセットで設置(HTML内の別箇所ではない) 実装のポイントは、一度scrolle…

続きを読む →

Googleアナリティクスで特定のドメインに対するリンクのクリックをイベントとして計測

アクセス解析で特定のリンク先ドメインに対するリンクのクリック(誘導)のみコンバージョンとして計測するため、イベントとしてカウントするケースがある。 コード いずれのコードもGoogleアナリティクスのトラッキングタグとの前後関係は問わない(どこに設置してもいい)。 IE9以降のみ対応でいいなら 以前はonclickイベントハンドラで実装していたが、イベントリスナを使ったほうが実装しやすい。 イベントハンドラと違って、もともと設定されているリンククリックアクションに対して純粋に処理を付加するだけだからである。 // 処理で使った変数や関数がグローバルを汚染しないようにクロージャで (functi…

続きを読む →

Googleアナリティクスで一括イベントトラッキングする便利な実装

特定の要素ID群のエレメントに対して一括でクリックなどのイベントトラッキングを設定する便利な実装。 Googleアナリティクスのイベントの要素にはカテゴリ、アクション、ラベル(オプション)、値(オプション)があるが、 それらを指定するための文字列をアンダースコア区切りの「アクション_ラベル」という形式でHTMLのエレメントIDにしておいて、 配列であらかじめ指定しておいたエレメントIDにのみ ただし配列で指定しておくのは、そのページに含まれないIDであってもよい 一括でイベントトラッキング設定する。 たとえば要素IDが「inquiry_1」の場合、アクション=’inquiry…

続きを読む →