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

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

Continue reading →

Googleアナリティクスで一定以上スクロールしたらイベントトラッキング(PC/スマホ別)

条件は下記。 PC、スマホで特定ピクセルを超えてスクロールしたらイベント検出 PCは800ピクセル(> 800) スマホは600ピクセル(> 600) 一度イベント検出したらそのPV中は再検出しない(その後のスクロールは無視) 対象URLは /aaa/ /aaa/sp/ /aaa/index.html /aaa/sp/index.html PCもスマホも対応、index.htmlの有無に両対応 既存のトラッキングコードとセットで設置(HTML内の別箇所ではない) 実装のポイントは、一度scrolledがtrueになったらイベント通知したうえでイベント検出関数を削除すること。 コード…

Continue reading →

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

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

Continue reading →

GoogleアナリティクスでcanonicalをページのURLとして自動で採用する

アクセス解析における計測URLの分散の問題 Webサイトのページビュー計測では、同一ページのPV計測は1つのURLのPVとして集約されることが望ましい。 ところがパラメータ付きURLや「index.html」の有無によって本来同一ページのはずなのにURLが異なり、PV数の評価が分かれてしまうことがある。 あらかじめサイト構成が「1ページ=1URL」を厳格に守ってくれていればいいのだが、必ずしもそういうわけにはいかない。1ページに複数のURLが発生してしまうのである。 SEOでは行われているURL正規化 SEOではその問題を解決するためにlinkタグのrel=”cannonical”属性を使うこ…

Continue reading →

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

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

Continue reading →

JavaScriptでフラグをビットで管理する~複数の状態フラグを少ない容量で管理

状態を管理する、その状態に応じて条件分岐するやり方。 フラグをビットで管理するメリットとケース 特定の条件でのみリマーケティングタグを発火する、イベントをカウントするなど、何らかの処理をすることがある。 「3回目の訪問で、詳細ページを閲覧済みで、未購入のユーザに対して広告配信をしたい」 というケースなど、条件が複雑になると広告配信プラットフォームのタグと管理画面だけでは実現不可能で、JavaScriptとcookieを使う必要がある。 個別の条件を満たしたときにJavaScriptで条件判定をし、フラグを立てる。 その結果をcookieに保存する。 cookieに保存されたフラグの組み合わせを…

Continue reading →

たまにJavaScriptでタグ実装する人のためのJavaScriptメモ

Javascript固有の技術的事情。 Javascriptからちょっと離れていたり他の言語使っていたりすると忘れてしまうポイントをまとめておく。 まあ自分のための備忘録でもある。 変数の型 プリミティブ型 数値型 文字列型 論理型 null型 undefined型 オブジェクト型 配列 連想配列 日付 : 値渡しと参照渡し プリミティブ型は値渡し、オブジェクト型は参照渡し 配列 var arrX = [‘test1’, ‘test2’, ‘hoge’]; // こういう使い方も便利 var arrX = arrX || []; arrX.push(‘test1’); arrX.push(‘t…

Continue reading →

アクセス解析タグ、広告のコンバージョン/リマーケティングタグの設置検証方法

webページにアクセス解析ツール(Googleアナリティクスなど)のタグや広告のタグ(コンバージョンタグ、リマーケティングタグ)など、さまざまなタグを設置することがある。この記事ではそれらにタグが正しく設置されたかどうか、正しく呼び出されているかどうかを確認する手順を紹介する。 見るべきポイント どのページに どんな条件で 発火するのか? 確認すべきこと その条件で発火すること それ以外の条件で発火しないこと すべてのシナリオを網羅する必要がある PC/モバイル 会員登録済み/非登録 遷移元によってコンテンツ出し分けしている場合は遷移元別 特定の条件で発火しないことがあるのか? どうやって確認…

Continue reading →