Adobe LaunchでもdataLayerを活用したい
はじめに
Google Tag Managerを用いたサイトではGoogle AnalyticsなどのサービスやツールにdataLayerが頻繁に活用されているケースも珍しくはありません。
そこにAdobe Launchタグを追加することになった場合に、せっかくのdataLayerがあるのに活用できないという懸念がある場合には、本記事は参考になるかと思います。
ぜひご一読ください。
結論としましては、Google Data Layerエクステンションを利用することで、一般的なdata Layer運用であれば、特にページ側での追加対応なしに対応ができるシーンが多いと思われます。
Google Data Layerエクステンション
Adobe Launchのエクステンション画面のCatalogよりGoogle Data Layerを探します。
Google Data Layerパネルをクリックして画面右のInstallをクリックします。
dataLayer変数名が聞かれます。（dataLayerのままでしたら入力は不要です）
Saveを押してインストールができると、ルールやデータエレメントでdataLayer関連の設定ができるようになります。
データエレメント
ExtensionプルダウンにてGoogle Data Layerが選択できるようになり、選んだ画面は以下となります。
プロパティの入力や「Only event properties」のON/OFF状態で返り値に違いが生じます。
画面右に詳細な説明がありますのでご利用時にはまずご確認ください。
一般的には、pushされたオブジェクト内のデータをAdobe Analyticsの計測値にも使うというシーンが多いかと思われますので、参照したいプロパティ名を入力します。
なお「Only event properties」はeventなしのpushを無視するオプションで、通常だとOFFで済むことが多いように見受けられます。
ルール
ルールではEVENTSとACTIONSのExtensionプルダウンにてGoogle Data Layerが選択できるようになります。
- EVENTS
こちらもご利用時には右側の説明をまずご確認ください。
運用中（予定）のdataLayerの設計／要件次第ですが、基本はユニークなeventのpushをアクションの発生と見なし、それをAdobe Analyticsで取りたい、という実装が多いかと思います。その場合には一番下のSecific Eventを活用することになります。
例えば、コンテンツの読了の際に、dataLayerに{event: “Finished reading”}というオブジェクトをpushされているとします。
これをトリガーにAdobe Analyticsに読了計測を実施する場合は以下のようなEVENTS設定となります。
- ルール(ACTIONS)
ACTIONSだと更にAction Typeに３種類があります。
- Google DL KV Push Action
- Google DL Push Action
- Google DL Reset to Computed State
Google DL KV Push Actionはキーと値のみをdataLayerにpushします
対して、Google DL Push ActionはJSONオブジェクトで指定した値をpushします
Google DL Reset to Computed Stateは平たく言うと値のクリアになります
ただしdataLayerにpushされている値がクリアされるとGoogle Tag Managerや利用ツールにも影響が生じえます。特別な理由がない限り、このアクションは利用しないことをお勧めします。
設定例
読了時に以下のようなpushが1回だけ実行される実装があるとします。
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event : "Finished reading",
page : {
url : document.URL, // ページURL
title : document.title // ページタイトル
}
});
この際にはAdobe Analyticsにも読了を示す計測を実施します。なお、変数は以下とします。
- eVar21にページURL
- eVar22にページタイトル
- event31で読了回数
データレイヤーの設定例：
- ページURL
- ページタイトル取得用
ルールの設定例：
ルール（EVENTS）
他のpushに反応すると意図しない読了計測が発生しうるのでSpecific EventでFinished Readingを指定します。
ルール（Set Variablesアクション）
先程作成したデータエレメントを設定しています
ルール（Send Beacon）
まとめ
いかがでしたでしょうか？
エクステンションを追加することでAdobe Launch側でもdataLayerが活用できるようになります。
特別な追加実装を減らせるケースもあるかと思いますのでdataLayerの利用状況をご確認の上で参照いただければと思います。
この記事が参考になれば幸いです。
Implement DigitalではAdobe Launchの導入、運用を支援するサービスを提供しています。
ご興味がありましたらお問い合わせください。