2022/06/10 （最終更新日：2022/09/16）

【GTM】値段の表記が無いCVページから購入金額を送信する方法【eコマース】

GA・GTM

※本サイトはアフィリエイト広告を利用しています。

【購入金額（CV値）の送信方法について知りたい人】

「購入金額ごとに異なるコンバージョン値を送信したいんだけど、購入完了ページに金額の記載が無い場合どうしたら良いんだろう、、」

こういった疑問に答えます。

この記事を書いている僕は元エンジニアで
現在はWEBマーケ業界でWEB広告の運用やアクセス解析などをしています。

今回はeコマース（EC）サイト
を管理・運用されている方向けに、
購入完了ページに金額の記載が無い場合に
GTMを使って購入金額のデータを
どのように送信すればよいのか、
その設定方法について書きました。

記事を読み終わる頃には
この設定が一人で出来るようになっていますよ。

【GTM】値段の表記が無いCVページから購入金額を送信する方法【eコマース】

結論からお伝えすると、
設定手順の全体像は以下の通り。

手順①：JavaScript（JS）コードを記述したタグを作成
手順②：手順①で定義した変数（ファーストパーティCookie）を作成
手順③：コンバージョン（CV）タグを作成

詳細を順に解説します。

手順①：JavaScript（JS）コードを記述したタグを作成

まずは、
JavaScript（以降、JS）を記述した
カスタムHTMLタグを作成します。

GTMの左メニューから [タグ] > [新規] と進みます。

タグの新規作成

タグの種類で [カスタムHTML] を選び、以下のコードを貼り付けます。

<script>
//値段が表記されているCSSセレクタを変数に格納 （※cssSelecterの箇所を編集）
var price = document.querySelector('cssSelecter').textContent;

//カンマ（,）を削除するための関数を定義
function removeComma(number) {
    var removed = number.replace(/,/g, '');
    return parseInt(removed, 10);
}
var resultPrice = removeComma(price);
  
//取得した文字列を数字に変換
var resultValue = parseFloat(resultPrice);

var DOMAIN_NAME = "domain.com";　 　 //使用するサイトの「ドメイン名」を変数に格納 （※要編集）
var COOKIE_NAME = "sumPrice";　 　 //（任意の）ファーストパーティCookie名を指定
  
if( typeof resultValue === "number" && resultValue !== 0 ){
 document.cookie = COOKIE_NAME + " = " + resultValue
                      + "; domain = " + DOMAIN_NAME
                      + "; path = /;" ;
};
</script>

GTMのカスタムHTMLタグ作成画面