JavascriptでYahoo!などのタグマネージャに渡すためのイベントを発生させる

ちょっと賢いリマーケティング タグマネージャを使ってちょっと賢い、ちょっと効率的なリマーケティングをやりたい。 多くのアカウントで共通して使える、お手軽なアドバンスト・リマーケティングの実装法を紹介する。 ディスプレイ広告の世界、やれ認知だ、アトリビューションだなどといっても、所詮リマーケティング広告大全盛である。 その運用の実際はとりあえず当該サイトのどこかのページを閲覧した(無条件でリマーケティングタグを読み込んだ)だけで リマーケティングをするということが多い。 中にはリーセンシー(直近○日以内に閲覧した)や閲覧したページの種類(トップページ or 詳細ページなど)で 入札の重みを変える…

続きを読む →

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アナリティクスで一定以上スクロールしたらイベントトラッキング(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になったらイベント通知したうえでイベント検出関数を削除すること。 コード…

続きを読む →

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

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

続きを読む →

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

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

続きを読む →

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

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

続きを読む →

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

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

続きを読む →

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

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

続きを読む →

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

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

続きを読む →