Google オプティマイズを利用した顧客体験の向上 第1回(神崎 健太) ケース別!Google オプティマイズ タグ設置のベストプラクティス 3/3

0208

ケース5:Google タグマネージャを利用している場合(非推奨)

ケース4の冒頭で説明した通り、Google オプティマイズのタグは、Google タグマネージャから配信することも可能です。まずは、以下のように、タグの種類「Google Optimize」タグを作成してください。

①Google オプティマイズのUIから「コンテナ ID」を取得・入力してください。
②「Google アナリティクス – ユニバーサル アナリティクス」(トラッキング タイプ:ページビュー)タグと設定を合わせてください。
※トリガーは不要です。

Google オプティマイズのタグ作成が完了したら、「Google アナリティクス – ユニバーサル アナリティクス」(トラッキング タイプ:ページビュー)タグの「タグの順序付け」設定を、以下のように変更してください。

変更が完了したら、プレビューモードにて動作検証の上、設定を公開してください。

Google タグマネージャの設定を公開したら、最後に、以下の「アンチフリッカー スニペット」(詳細は後述)をWebページに設置します。まずは、以下のURLよりヘルプページ「Google タグマネージャを使ってオプティマイズ タグを配信する」を表示してください。

https://support.google.com/optimize/answer/6314801?hl=ja

続いて、ヘルプページ内に記載されている以下のコードの赤枠部分をコピーし、「GTM-XXXXXX」部分をGoogle タグマネージャのコンテナ IDで置換した上で、Webページの セクションのできるだけ上の方( よりは後ろ)に設置してください。

アンチフリッカー スニペットについて

ケース2~5に記載した上記のコードは、「アンチフリッカー スニペット」と呼ばれます。「アンチフリッカー スニペット」の設置は必須ではありませんが、設置しておくと、ページの読み込み時にオリジナルページが一瞬チラついてしまう現象を抑止することができます。

1.タイムアウトの変更
「アンチフリッカー スニペット」は、Google オプティマイズの読み込みが完了するまで真っ白な画面を表示することで、上記のような現象を予防します。
一方で、Google オプティマイズの読み込みがなかなか完了しない場合に、真っ白な画面が延々と表示されてしまうのも問題なので、そういった現象が起きないように、「アンチフリッカー スニペット」にはタイムアウトの記述が入っています。
具体的には、4秒をオーバーすると、Google オプティマイズの読み込みを中断してオリジナルページを表示します。この4秒という待ち時間は、必要に応じて変更することができます。
例えば、4秒(=4000ミリ秒)から2秒(=2000ミリ秒)に変更したい場合は、「アンチフリッカー スニペット」の「4000」部分を、以下赤枠部分のように「2000」に変更しましょう。

2.「async-hide」クラスの名前の変更
「アンチフリッカー スニペット」には、「async-hide」というクラスに対してCSSを当てるような記述が入っています。
そのため、タグ設置対象のページで「async-hide」というクラスをすでに使用している場合、予期せぬ動作を引き起こす恐れがあります。
もし「async-hide」というクラスをすでに使用している場合は、「アンチフリッカー スニペット」の「async-hide」というクラス名を、以下赤枠部分のように別の名前に変更しましょう。

おわりに

以上で、Google オプティマイズ タグ設置のベストプラクティスを一通り網羅できました。最初は多少手こずるかもしれませんが、一度流れを体験できれば、以降は比較的スムーズに作業できると思います。

Google オプティマイズのUIには、Google オプティマイズのタグが正しく設置されているかどうか診断してくれる機能(https://support.google.com/optimize/answer/7577190?hl=ja)も実装されているので、そちらも参照しながら作業を進めてみてください。

Google オプティマイズ 360の導入や、その他Google マーケティング プラットフォーム関連のご相談は、以下のお問い合せフォームより承っております。お気軽にお問い合わせください。

神崎健太

執筆者 神崎健太

Google オプティマイズ 360 の利活用サポートをはじめとしたデジタルマーケティングの支援、アドテクノロジーの知見をもとにしたオンライン広告施策推進などを行っています。

お問い合わせ

当社のサービス・製品に関するご相談やご質問、お見積りのご依頼など、こちらからお問い合わせください。