その他タグマネージャーをお使いの場合 – ecコンシェルサポートサイト

ecコンシェルは複数のタグを管理できるタグマネージャーを利用して導入することが可能です。ここでは、一般的なタグマネージャーを利用してサイトに設置する場合の設置法について記載いたします。

【準備】

タグマネージャーの仕様をご確認ください。ecコンシェルでは、<script>タグを使用しています。ご利用のタグマネージャーが<script>タグに対応しているかをご確認ください。

【注意事項】

下記は、ecコンシェルの設置法の一例となっておりますので、貴社テストサイト等での動作をご確認頂き、本番サイトに導入するようお願い致します。タグマネージャーの仕様については、タグマネージャーの提供元にご確認頂きますようお願いいたします。

サイトが、以下の様に異なる独自ドメインを跨る構成の場合、ecコンシェルのタグのカスタマイズが必要となります。
カスタマイズ方法は、サイト構成によって異なりますので、こちらの資料をご確認ください。

クロスドメイン構成(異なる独自ドメインを跨ったサイト)
・店舗サイト :http://example-store.com/
・カートサイト :http://example-commerce-host.com/example-store/

【タグ】の設置

（１）計測タグ

カートタグを設置するカートページのURL及びコンバージョンタグを設置するコンバージョンページのURLを調べてください。
貴社サイトのタグを管理しているタグマネージャーで外部タグを編集できるページを開いてください。

管理画面のタグ画面より、計測タグをコピーしてください。

-- 計測タグの例
<script>
(function(w,d,url,a,s,e){
w[a]= (w[a]=w[a]||[]);
s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;e.src=url;s.parentNode.insertBefore(e,s);
})(window,document,'//ec-concier.com/example.com/analytics.js','ara');
ara.push(['init', 'example.com']);
</script>

手順2でコピーした計測タグをタグマネージャーの指定の場所に貼り付けます。
カートタグを貼り付けるカートページ、コンバージョンタグを貼り付けるコンバージョンページを除外する設定を行い、カートページ/コンバージョンページ以外の全ページにタグが反映されるように設定してください。カートタグ/コンバージョンタグを設置しない場合は除外設定は行う必要はありません。

（２）カートタグ

貴社サイトでカート内合計金額を保有しているページ（カートページ）のURL及びそのページで、カート内合計金額を保有する変数が参照できるか調べてください。カート内合計金額を保有する変数が参照できる場合は「カート内金額が○○円以上は送料無料」等のカート内合計金額に応じた接客が可能となります。

管理画面のタグ画面より、カートタグをコピーしてください。

-- カートタグの例
<script>
(function(w,d,url,a,s,e){
w[a]= (w[a]=w[a]||[]);
s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;e.src=url;s.parentNode.insertBefore(e,s);
})(window,document,'//ec-concier.com/example.com/analytics.js','ara');
ara.push(['init', 'example.com']);ara.push(['cart', {/*cartPrice:カート内合計金額*/}]);
</script>

コピーしたカートタグをテキストエディタなどに貼り付けてください。
カート内合計金額に応じた接客を利用する場合（カート内合計金額を保有する変数が参照できる場合）は、「カート内合計金額」の部分を以下の様に変更してください。

カート内合計金額に応じた接客を利用する場合
- （置換前）ara.push(['cart', {/*cartPrice:カート内合計金額*/}]);
- （置換後）ara.push(['cart', {cartPrice:Price}]);
  ※コメントアウト部の開始「/*」と終了「*/」を削除してください。
  ※Priceに設定する値には "," などの記号を含めずに整数となるように渡して下さい。（例 : 10,000 -> 10000）
  ※カート内合計金額を保有する変数名が Price の場合の変更例となります。貴社サイトのカート内合計金額を保有する変数に応じて適宜変更してください。
手順3で編集したタグをタグマネージャーの指定の場所に貼り付け、カートページのみで反映されるよう設定してください。

（３）コンバージョンタグ

貴社サイトで購入完了ページや接客効果のゴールとなるページのURLを1ページ決定してください。
当タグを設置することで接客による売上効果や会員登録効果などを測定できるようになります。
＊コンバージョンページの選択方法は、こちらのページをご確認ください。

管理画面のタグ画面より、コンバージョンタグをコピーしてください。

-- コンバージョンタグの例
<script>
(function(w,d,url,a,s,e){
w[a]= (w[a]=w[a]||[]);
s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;e.src=url;s.parentNode.insertBefore(e,s);
})(window,document,'//ec-concier.com/example.com/analytics.js','ara');
ara.push(['init','example.com']);ara.push(['conversion_type', {conversion_type:'goal'/*,sumValue:合計金額*/}]);
</script>

コピーしたコンバージョンタグをテキストエディタなどに貼り付けてください。
売上効果を測定する場合（購入完了時の合計金額を保有する変数が参照できる場合）は、「合計金額」の部分を以下の様に変更してください。

売上効果を測定する場合
- （置換前）ara.push(['conversion_type', {conversion_type:'goal'/*,sumValue:合計金額*/}]);
- （置換後）ara.push(['conversion_type', {conversion_type:'goal',sumValue:TotalPrice}]);
  ※コメントアウト部の開始「/*」と終了「*/」を削除してください（「sumValue:」の直前の「,」は残す）。
  ※TotalPrice に設定する値には "," などの記号を含めずに整数となるように渡して下さい。（例 : 10,000 -> 10000）
  ※購入完了時の合計金額を保有する変数名が TotalPrice の場合の変更例となります。貴社サイトの購入完了時の合計金額を保有する変数に応じて適宜変更してください。
手順3で編集したタグをタグマネージャーの指定の場所に貼り付け、コンバージョンページのみで反映されるよう設定してください。

{[{category.name}]}

（１）計測タグ

（２）カートタグ

（３）コンバージョンタグ