例)サンクスページが以下の場合
変数の追加
変数の設定 > DOM要素 選択方法:CSSセレクタ 要素セレクタ:サンクスページ内のサブスク商品名が記述されるDOM要素を指定する
(例)の場合
span.product__description__seling_plan order-summary__small-text
※頭に "span." を入れて下さい
※テーマによって異なり、下記のような場合もあります。
span.product_description_name order-summary__emphasis
トリガーの追加
トリガーの設定 > トリガーのタイプ > DOM Ready 一部のDOM Ready イベント
Page URL 最後が一致 thank_you
(Step.1で追加した変数) 含む 商品名
※(例)なら"【10%オフ】毎月配送のお得な定期便" が商品名
上記設定を行っても、設定がうまくいかない場合は以下ご確認ください。
確認事項①
トリガー条件に商品名を設定頂きますが、設定する商品名は以下スクリーンショットの赤枠内に記載されている、商品名の下にある定期プラン名です。
そのためサンクスページのソースをご確認頂き、定期プラン名を特定することが可能な記述があるclass内の定期プラン名が設定されているかご確認ください。
もし異なった設定をされている場合は、定期購入の商品と特定可能な文字列(上記スクリーンショットの場合は「【10%OFF】毎月配送のお得な定期便」)を把握しトリガー条件に設定してください。
確認事項②
GTMの設定自体は間違っていない場合でも、うまく表示されないケースが発生するようです。その場合は、ソース上の階層が上のDOM要素を指定して試すと上手くいくケースがございますので一度試して頂くようお願い致します。
▼今回の例
変数:span.product__descripition__name order-summary__emphasis トリガー:「定期販売」を含む
もしくは
変数:th.product__descripition トリガー:「定期販売」を含む
<aside> <img src="/icons/checklist_purple.svg" alt="/icons/checklist_purple.svg" width="40px" /> ヘルプページ