【注意事項】
以下は、ecコンシェルの設置法の一例となっておりますので、貴社テストサイト等での動作をご確認頂き、本番サイトに導入するようお願い致します。
【計測タグ】
まずヘッダー内にECコンシェルのタグまたはタグマネージャーのタグを導入します。
１．メニュー画面の「ブロック管理」で、タグマネージャーまたはecコンシェルタグ用のブロックを作成し、その中にecコンシェルの計測タグを挿入し、保存します。
ブロック編集画面
２．「ブロックデータ」欄には下記のようにタグを変更して、記載をしてください。(サイト識別子は別途確認、編集下さい。→確認方法)
(function(w,d,url,a,s,e){
|
3．レイアウト管理のTOPページを開き、作成したブロックの「全ページ」にチェックをつけ、headにドラッグし、登録してください。
【カートタグ】
１．ec-cube3.xにおいて、カートの数値を取得する関数をタグとともに挿入する必要があります。
ec-cube3.xにおけるカート数値の関数は {{ Cart.total_price }}です。
メニュー画面の「ブロック管理」＞かごの中 を編集します
ec-cube3.xにおけるカート数値の関数は {{ Cart.total_price }}です。
メニュー画面の「ブロック管理」＞かごの中 を編集します
2.ブロックデータの中の
|
<p class="cart_price sp">合計 <span class="price">{{ Cart.total_price|price }}</span></p>
|
の後に下記のコードを挿入します。(サイト識別子は別途確認、編集下さい。→確認方法)
|
<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/サイト識別子/analytics.js','ara');
ara.push(['init', 'サイト識別子']);ara.push(['cart', {cartPrice:{{ Cart.total_price }}}]);
</script>
|
3.登録を行うと、カートタグが全ページに挿入されます。
【コンバージョンタグ】
※本解説は商品購入完了画面にCVタグを配置し、金額を取得する場合のケースとなります。
１．ec-cube3.xにおいて、購入金額を取得する関数をタグとともに挿入する必要があります。ただし、購入完了画面にコンバージョンタグを挿入する場合、プログラムを編集する必要があります。
(1)/src/Eccube/Controller/ShoppingController.php
のpublic function complete(Application $app, Request $request)内を下記のように一部変更してください。
|
<修正前>
public function complete(Application $app, Request $request)
〜中略〜
log_info('購入処理完了', array($orderId));
return $app->render('Shopping/complete.twig', array(
'orderId' => $orderId,
));
〜後略〜
<修正後>
public function complete(Application $app, Request $request)
〜中略〜
log_info('購入処理完了', array($orderId));
$Order = null;
if (!empty($orderId)) {
$Order = $app['eccube.repository.order']->find($orderId);
}
return $app->render('Shopping/complete.twig', array(
'orderId' => $orderId,
'Order' => $Order, // Order変数を追加
));
〜後略〜
|
これでテンプレートへ注文の詳細情報を渡すことができます。
注文金額は{{ Order.total }}で受け渡し可能です。
(2)メニュー画面の「コンテンツ管理」＞「ページ管理」＞「商品購入/ご注文完了」 をページ編集します
２．下記タグを画像例のような箇所に挿入いたします。(サイト識別子は別途確認、編集下さい。→確認方法)
タグ：
| <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/サイト識別子/analytics.js','ara');
ara.push(['init', 'サイト識別子']);ara.push(['conversion_type', {conversion_type:'goal',sumValue:{{ Order.total }}}]);
</script>
|
挿入箇所：
保存をすると、商品購入されたタイミングで、ecコンシェルでCVおよび金額が取得できます。