タグの設置 – ecコンシェルサポートサイト

タグとは？

タグとは、HTMLを構成する要素のことで、<タグ名>～＜/タグ名＞のセットで構成されています。
WEBサイトはタグで構成されており、タグによってプログラムを実行するができます。

ecコンシェルでは3種類のecコンシェル専用のタグをご用意しており、そのタグを貴社サービスに設定することで、訪問者のサイト内の行動をトラッキングしたり、接客を行うことができるようになります。

タグの種類

タグの確認方法

ecコンシェルではサイト毎（サイト識別子毎）にタグが異なります。貴社サイト用のタグは初期設定画面または管理画面のタグからご確認頂けます。

初期設定画面

管理画面

なお、貴社サイトが複数のドメインをまたがる場合、タグのカスタマイズが必要となりますので、こちらの資料をご確認ください。

各タグの設置方法

各タグを設置する方法をご説明します。
なお、Googleタグマネージャ、Yahoo!タグマネージャーをご利用の場合、より簡単に導入できます。
こちらのページも併せてご確認ください。
また、カートASPをご利用の場合はこちらのページも併せてご確認ください。

（１）計測タグ

貴社サイトでお客様が閲覧するページの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>

手順1で決定したページ全てのHTMLを編集し、手順2でコピーした計測タグをbody閉じタグ(</body>)の直前にペーストしてください。
```
-- HTMLの編集例
<DOCTYPE html>
<head>　　　　　 </head>
<body> 


ここに手順2でコピーした計測タグを貼ります。
</body> 
```

（２）カートタグ

貴社サイトでカート内合計金額を保有しているページ（カートページ）の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 の場合の変更例となります。貴社サイトのカート内合計金額を保有する変数に応じて適宜変更してください。
手順1で決定したページのHTMLを編集し、手順3で編集したカートタグをbody閉じタグ(</body>)の直前にペーストしてください。
```
-- HTMLの編集例
<DOCTYPE html>
<head>　　　　　 </head>
<body> 


ここに手順3で編集したカートタグを貼ります。
</body> 
```

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

貴社サイトで購入完了ページや接客効果のゴールとなるページの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 の場合の変更例となります。貴社サイトの購入完了時の合計金額を保有する変数に応じて適宜変更してください。
手順1で決定したページのHTMLを編集し、手順3で編集したコンバージョンタグをbody閉じタグ(</body>)の直前にペーストしてください。
```
-- HTMLの編集例
<DOCTYPE html>
<head>　　　　　 </head>
<body> 

 
ここに手順3で編集したコンバージョンタグを貼ります。
</body> 
```

タグ管理サービス、カートASPをご利用の場合

GoogleタグマネージャーやYahoo!タグマネージャーをご利用中の場合はより簡単に設置できます。詳細は、こちらのページをご確認ください。
また、カートASPをご利用の場合はこちらのページをご確認ください。

タグ設置時の注意事項

計測タグ、カートタグ、コンバージョンタグはWEBページに１つのみ設置することが可能です。同一WEBページには複数のタグを設置しないようにお願いします。

また同一のコンバージョンタグは1つのページのみに設定し、複数のWEBページに同一のコンバージョンタグを設置しないでください。複数のコンバージョンを計測したい場合は、コンバージョンタイプの設定から新たなコンバージョンを作成してください。

{[{category.name}]}

（１）計測タグ

（２）カートタグ

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