タグマネージャーでGoogle広告のコンバージョン値を取得（ネットショップASP）

メイクショップASPのECサイトにてGoogle広告を実施。
しかしタグマネージャーでコンバージョン数は取得できても、「コンバージョン値」が発火してくれない。

結果としては上のリンクにある[TOTAL_AMOUNT]や[TOTAL_PRICE]といったメイクショップの独自変数は使用せず、完了ページの金額箇所の要素から別途JavaScriptで取得して、値をタグマネージャーに送ることで無事取得してくれるようになった。

①通常通りタグマネージャーを設定する

②タグマネージャー側でカスタム変数の作成

・GTMの変数タイプから、「カスタムJavaScript」を新規作成。 取得したいクラスを指定し保存。（変数名は「合計金額」としておく）

function() {
return document.querySelector("p.basketTotalPrice.basketConfirmPrice").innerText.replace(/\D/g,'')
}

・Google広告のコンバージョントラッキングタグ内の「コンバージョン値」で先ほど作成した変数{{合計金額}}を選択。

③ECサイト側の設定

・コンバージョン完了ページの/head内に下記scriptを設置する。

<script>
window.dataLayer = window.dataLayer || [];
var totalAmount = document.querySelector(
    "p.basketTotalPrice.basketConfirmPrice").innerText.replace(/\D/g,'');
dataLayer.push({
    'value': totalAmount
});
</script>

発火確認

・問題なく配信・発火できているか、タグアシスタントとテストコンバージョンで確認を行う。

おわりに

他ネットショップASPについても、クラス名を間違えなければこの方法で取得できそう。 ただし、クラス名など予告なく変更となる場合もあるため、注意が必要。同様の設定でYahoo広告「コンバージョンの価値」についても発火確認済み。