【注意事項】
以下は、ecコンシェルの設置法の一例となっておりますので、貴社テストサイト等での動作をご確認頂き、本番サイトに導入するようお願い致します。
【計測タグ】
まずヘッダー内にECコンシェルのタグまたはタグマネージャーのタグを導入します。
- EC-CUBE管理画面にログイン
- デザイン管理 > PC > ヘッダー/フッター設定 を押下
- 「ヘッダー編集」部分に下記計測タグを貼り付け
- こちらに記載いただくと全ページに計測タグが設置されます
<script>
(function(w,d,url,a,s,e){
w[a]= (w[a]||[]);
s = d.getElementsByTagName("script")[0];e = d.createElement("script");e.src=url;e.async=1;s.parentNode.insertBefore(e,s);
})(window,document,'//ec-concier.com/サイト識別子/analytics.js','ara');
ara.push(['init', 'サイト識別子']);
</script>
- サイト識別子は別途確認、編集して下さい。→確認方法
【カートタグ】
EC-CUBEのインストール・ディレクトリ上の、
テンプレートファイル('/data/Smarty/template/default/cart/index.php')を編集する必要があります。
テンプレートファイル('/data/Smarty/template/default/cart/index.php')を編集する必要があります。
以下の
<!--{$tpl_total_inctax[$key]|n2s|h}-->
という記載により、カート内合計金額が取得できますので、ページ内のソースの一部に、このように記載してみましょう。
1. ecコンシェルカートタグの修正(サイト識別子は別途確認、編集して下さい。→確認方法)
<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:'<!--{$tpl_total_inctax[$key]|n2s|h}-->'}]);
</script>
2. テンプレートファイル('/data/Smarty/template/default/cart/index.php')の編集
●カートタグの挿入例
<div id="undercolumn">
<div id="undercolumn_cart">
<h2 class="title"><!--{$tpl_title|h}--></h2>
<!--{if $smarty.const.USE_POINT !== false || count($arrProductsClass) > 0}-->
<!--★ポイント案内★-->
<!--{if $smarty.const.USE_POINT !== false}-->
<div class="point_announce">
<!--{if $tpl_login}-->
<span class="user_name"><!--{$tpl_name|h}--> 様</span>の、現在の改運ポイントは「<span class="point"><!--{$tpl_user_point|n2s|default:0|h}--> pt</span>」です。<br />
<!--{else}-->
ポイント制度をご利用になられる場合は、会員登録後ログインしてくださいますようお願い致します。<br />
<!--{/if}-->
ポイントは貯まるごとに素敵な商品と交換が可能です。<A HREF="https://kaiun.co.jp/point.php" target="_blank">改運ポイントについては、こちらをご確認ください。</a><br />
</div>
<!--{/if}-->
<!--{/if}-->
<p class="totalmoney_area">
<!--{* カゴの中にアイテムがある場合にのみ表示 *}-->
<!--{if count($cartKeys) > 1}-->
<span class="attentionSt"><!--{foreach from=$cartKeys item=key name=cartKey}--><!--{$arrProductType[$key]|h}--><!--{if !$smarty.foreach.cartKey.last}-->、<!--{/if}--><!--{/foreach}-->は同時購入できません。<br />
お手数ですが、個別に購入手続きをお願い致します。
</span>
<!--{/if}-->
<!--{if strlen($tpl_error) != 0}-->
<p class="attention"><!--{$tpl_error|h}--></p>
<!--{/if}-->
<!--{if strlen($tpl_message) != 0}-->
<p class="attention"><!--{$tpl_message|h|nl2br}--></p>
<!--{/if}-->
</p>
<!--{if count($cartItems) > 0}-->
<!--{foreach from=$cartKeys item=key}-->
<div class="form_area">
<form name="form<!--{$key|h}-->" id="form<!--{$key|h}-->" method="post" action="?">
<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME|h}-->" value="<!--{$transactionid|h}-->" />
<input type="hidden" name="mode" value="confirm" />
<input type="hidden" name="cart_no" value="" />
<input type="hidden" name="cartKey" value="<!--{$key|h}-->" />
<input type="hidden" name="category_id" value="<!--{$tpl_category_id|h}-->" />
<input type="hidden" name="product_id" value="<!--{$tpl_product_id|h}-->" />
<!--{if count($cartKeys) > 1}-->
<h3><!--{$arrProductType[$key]|h}--></h3>
<!--{assign var=purchasing_goods_name value=$arrProductType[$key]}-->
<!--{else}-->
<!--{assign var=purchasing_goods_name value="カゴの中のアイテム"}-->
<!--{/if}-->
<p>
<!--{$purchasing_goods_name|h}-->の合計金額は「<span class="price"><!--{$tpl_total_inctax[$key]|n2s|h}-->円</span>」です。
<!--{if $key != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
<!--{if $arrInfo.free_rule > 0}-->
<!--{if !$arrData[$key].is_deliv_free}-->
あと「<span class="price"><!--{$tpl_deliv_free[$key]|n2s|h}-->円</span>」で送料無料です!!
<!--{else}-->
現在、「<span class="attention">送料無料</span>」です!!
<!--{/if}-->
<!--{/if}-->
<!--{/if}-->
</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:'<!--{$tpl_total_inctax[$key]|n2s|h}-->'}]);
</script>
<table summary="アイテム情報">
<col width="10%" />
<col width="15%" />
<col width="30%" />
<col width="15%" />
<col width="15%" />
<col width="15%" />
<tr>
<th class="alignC">削除</th>
<th class="alignC">アイテム写真</th>
<th class="alignC">アイテム名</th>
<th class="alignC">単価</th>
<th class="alignC">数量</th>
<th class="alignC">小計</th>
</tr>
<!--{foreach from=$cartItems[$key] item=item}-->
<tr style="<!--{if $item.error}-->background-color: <!--{$smarty.const.ERR_COLOR|h}-->;<!--{/if}-->">
<td class="alignC"><a href="?" onclick="eccube.fnFormModeSubmit('form<!--{$key|h}-->', 'cartDelete', 'cart_no', '<!--{$item.cart_no|h}-->'); return false;">削除</a>
</td>
<td class="alignC">
<!--{if $item.productsClass.main_image|strlen >= 1}-->
<a class="expansion" target="_blank" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH|h}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->">
<!--{/if}-->
<img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->" style="max-width: 100px;max-height: 100px;" alt="<!--{$item.productsClass.name|h}-->" />
<!--{if $item.productsClass.main_image|strlen >= 1}-->
</a>
<!--{/if}-->
</td>
<td><!--{* アイテム名 *}--><strong><!--{$item.productsClass.name|h}--></strong>
<!--{if $item.productsClass.classcategory_name1 != ""}-->
<div><!--{$item.productsClass.class_name1|h}-->:<!--{$item.productsClass.classcategory_name1|h}--></div>
<!--{/if}-->
<!--{if $item.productsClass.classcategory_name2 != ""}-->
<div><!--{$item.productsClass.class_name2|h}-->:<!--{$item.productsClass.classcategory_name2|h}--></div>
<!--{/if}-->
</td>
<td class="alignR">
<!--{$item.price_inctax|n2s|h}-->円
</td>
<td class="alignC"><!--{$item.quantity|h}-->
<ul id="quantity_level">
<li><a href="?" onclick="eccube.fnFormModeSubmit('form<!--{$key|h}-->','up','cart_no','<!--{$item.cart_no|h}-->'); return false"><img src="<!--{$TPL_URLPATH|h}-->img/button/btn_plus.jpg" width="16" height="16" alt="+" /></a></li>
<!--{if $item.quantity > 1}-->
<li><a href="?" onclick="eccube.fnFormModeSubmit('form<!--{$key|h}-->','down','cart_no','<!--{$item.cart_no|h}-->'); return false"><img src="<!--{$TPL_URLPATH|h}-->img/button/btn_minus.jpg" width="16" height="16" alt="-" /></a></li>
<!--{/if}-->
</ul>
</td>
<td class="alignR"><!--{$item.total_inctax|n2s|h}-->円</td>
</tr>
<!--{/foreach}-->
<tr>
<th colspan="5" class="alignR">合計</th>
<td class="alignR"><span class="price"><!--{$arrData[$key].total-$arrData[$key].deliv_fee|n2s|h}-->円</span></td>
</tr>
<!--{if $smarty.const.USE_POINT !== false}-->
<!--{if $arrData[$key].birth_point > 0}-->
<tr>
<th colspan="5" class="alignR">お誕生月ポイント</th>
<td class="alignR"><!--{$arrData[$key].birth_point|n2s|h}-->pt</td>
</tr>
<!--{/if}-->
<tr>
<th colspan="5" class="alignR">今回加算ポイント</th>
<td class="alignR"><!--{$arrData[$key].add_point|n2s|h}-->pt</td>
</tr>
<!--{/if}-->
</table>
<!--{if strlen($tpl_error) == 0}-->
<p class="alignC">上記内容でよろしければ「購入手続きへ」ボタンをクリックしてください。</p>
<!--{/if}-->
<div class="btn_area">
<ul>
<li>
<!--{if $tpl_prev_url != ""}-->
<a class="btn_g" href="<!--{$tpl_prev_url|h}-->">
戻る</a>
<!--{/if}-->
</li>
<li>
<!--{if strlen($tpl_error) == 0}-->
<input type="submit" class="btn_y" value="購入手続きへ" name="confirm" />
<!--{/if}-->
</li>
</ul>
</div>
</form>
</div>
<!--{/foreach}-->
<!--{else}-->
<p class="empty"><span class="attention">※ 現在カート内にアイテムはございません。</span></p>
<!--{/if}-->
</div>
</div>
- カートタグは、ソースコード上で、カート内合計金額(<!--{$tpl_total_inctax[$key]|n2s|h}-->)を参照している箇所の直後に設定をしております。
- テンプレートをカスタマイズしてご利用されている場合や自作テンプレート等をご利用されている場合のソースコード編集方法は、この限りではございません。
- テンプレート修正にあたっては、既存動作に影響がないことをテスト環境等でご確認の上、本番サイトへの適用をお願い致します。
上記の設定でカート内合計金額がecコンシェルに連携され、カート内の金額に応じた接客が実施可能となります。
【コンバージョンタグ】2.13/2.12の場合
EC-CUBEのインストール・ディレクトリ上の、
/data/Smarty/template/default/shopping/complete.php を編集する必要があります。
以下の
<!--{$orderDetail.price|h}-->
という記載によりコンバージョンした値が取得できますので、ページ内のソースの一部に、このように記載してみましょう。
1. ecコンシェルのコンバージョンタグの修正(サイト識別子は別途確認、編集して下さい。→確認方法)
<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:<!--{$orderDetail.price|h}-->}]);
</script>
2. テンプレートファイル('/data/Smarty/template/default/shopping/complete.php') の編集
●コンバージョンタグの挿入例
<div id="undercolumn">
<div id="undercolumn_shopping">
<p class="flow_area">
<img src="<!--{$TPL_URLPATH}-->img/picture/img_flow_04.jpg" alt="購入手続きの流れ" />
</p>
<h2 class="title"><!--{$tpl_title|h}--></h2>
<!-- ▼その他決済情報を表示する場合は表示 -->
<!--{if $arrOther.title.value}-->
<p><span class="attention">■<!--{$arrOther.title.name}-->情報</span><br />
<!--{foreach key=key item=item from=$arrOther}-->
<!--{if $key != "title"}-->
<!--{if $item.name != ""}-->
<!--{$item.name}-->:
<!--{/if}-->
<!--{$item.value|nl2br}--><br />
<!--{/if}-->
<!--{/foreach}-->
</p>
<!--{/if}-->
<!-- ▲コンビに決済の場合には表示 -->
<div id="complete_area">
<p class="message"><!--{$arrInfo.shop_name|h}-->のアイテムをご購入いただき、ありがとうございました。</p>
<p>ただいま、ご注文の確認メールをお送りさせていただきました。<br />
万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。<br />
今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
<div class="shop_information">
<p class="name"><!--{$arrInfo.shop_name|h}--></p>
<p>TEL:<!--{$arrInfo.tel01}-->-<!--{$arrInfo.tel02}-->-<!--{$arrInfo.tel03}--> <!--{if $arrInfo.business_hour != ""}-->(受付時間/<!--{$arrInfo.business_hour}-->)<!--{/if}--><br />
E-mail:<a href="mailto:<!--{$arrInfo.email02|escape:'hex'}-->"><!--{$arrInfo.email02|escape:'hexentity'}--></a>
</p>
</div>
</div>
<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:<!--{$orderDetail.price|h}-->}]);
</script>
<div class="btn_area">
<ul>
<li>
<a class="btn_y" href="<!--{$smarty.const.TOP_URL}-->">
トップページへ
</a>
</li>
</ul>
</div>
</div>
</div>
- テンプレートをカスタマイズしてご利用されている場合や自作テンプレート等をご利用されている場合のソースコード編集方法は、この限りではございません。
- テンプレート修正にあたっては、既存動作に影響がないことをテスト環境等でご確認の上、本番サイトへの適用をお願い致します。
上記の設定で合計金額がecコンシェルに連携され、購入金額による施策評価が可能となります。
【コンバージョンタグ】2.11の場合
EC-CUBEのインストール・ディレクトリ上の、
/data/class/pages/shopping/LC_Page_Shopping_Complete.php
/data/Smarty/template/default/shopping/complete.php
を編集する必要があります。
1. テンプレートファイル('/data/class/pages/shopping/LC_Page_Shopping_Complete.php ') の編集
金額パラメータを取得するため、以下の通り、編集します。
を編集する必要があります。
●<編集前>
function action() {
$this->arrInfo = SC_Helper_DB_Ex::sfGetBasisData();
unset($_SESSION["order_id"]);
}
●<編集後>
function action() {
$this->arrInfo = SC_Helper_DB_Ex::sfGetBasisData();
$objPurchase = new SC_Helper_Purchase_Ex();
$arrOrder = $objPurchase->getOrder($_SESSION["order_id"]);
$this->tpl_order_id = $arrOrder['order_id'];
$this->tpl_subtotal = $arrOrder['subtotal'];
unset($_SESSION["order_id"]);
}
2. テンプレートファイル('/data/Smarty/templates/default/shopping/complete.tpl ') の編集
<!--{$tpl_subtotal}-->を金額パラメータとして指定することで、コンバージョン金額が取得できるようになります。、
任意の場所に下記のタグを挿入します。(サイト識別子は別途確認、編集して下さい。→確認方法)
<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:<!--{$tpl_subtotal}-->}]);
</script>
上記の設定で合計金額がecコンシェルに連携され、購入金額による施策評価が可能となります。