ショップサーブ

【注意事項】

①以下は、ecコンシェルの設置法の一例となっておりますので、貴社テストサイト等での動作をご確認頂き、本番サイトに導入するようお願い致します。

②ご自身のサイトに設定するサイト識別子がお分かりにならない場合は、こちらをご確認ください。

③自作ページについては本ページの手順ではタグを設置することが出来ません。自作ページについてはこちらの手順でHTMLに直接記述いただくか、こちらの手順でGoogleTagManagerを使用して設置頂ますようお願いいたします。

④9月5日まで掲載していた本マニュアル、カートタグ及びコンバージョンタグの記述に不備があることが判明いたしました。

　下記の記述のカートタグまたはコンバージョンタグを設置済みのお客様は修正が必要になります。

  • カートタグ
    誤）ara.push(['cart', { cartPrice:__CST_ITMS [ITM_TOTAL]__}]);
    誤）ara.push(['cart', { cartPrice:__ITM_TOTAL__}]);
    正）ara.push(['cart', { cartPrice:__COMMON_ITM_TOTAL__}]);
  • コンバージョンタグ
    誤）ara.push(['conversion_type', {conversion_type:'goal' ,sumValue:__CST_ITMS [ITM_TOTAL]__}]);
    誤）ara.push(['conversion_type', {conversion_type:'goal' ,sumValue:__ITM_TOTAL__}]);
    正）ara.push(['conversion_type', {conversion_type:'goal' ,sumValue:__COMMON_ITM_TOTAL__}]);

また、現在お客様によってはカート内金額を取得出来ない場合がございます。

【サイト構成の確認】


ショップサーブでは多くの場合2つのドメインで構成されています。
1つ目のドメイン・・・トップページ/カテゴリページ/商品結果ページ/商品ページ等 
2つ目のドメイン・・・カートドメイン/購入完了ページ等 
お店ページにアクセスし、サイトのドメインを確認します。

  1. お店ページトップにアクセスし、ブラウザのURLを確認します。shopse_1.png URLから店舗ページのドメインを把握します。
    上記画像の場合、　ec-concier.hs.shopserve.jp　が1つ目のドメイン（ファーストドメイン）となります。

    ※表示されているURLの先頭に（https://またはhttp://)が付与されている場合、また/以降が記載されている場合、（https://またはhttp://)と（/）以降を取り除いた部分が1つ目のドメイン（ファーストドメイン）となります。
    例：　表示されているURLが　https://example.com/index.html　の場合、
    ファーストドメインは　example.com　となります。
  2. カートページに遷移する為、「カートをみる」を押下します。shopse_2.png
  3. カートページトップにアクセスし、ブラウザのURLを確認します。


  4. URLからカートページのドメインを把握します。
    上記画像の場合、cart1.shopserve.jp　が2つ目のドメイン（セカンドドメイン）となります。

    ※表示されているURLの先頭に（https://またはhttp://)が付与されている場合、また/以降が記載されている場合、（https://またはhttp://)と（/）以降を取り除いた部分が2つ目のドメイン（セカンドドメイン）となります。
    例：　表示されているURLが　https://cart.com/index.html　の場合、
    セカンドドメインは　cart.com　となります。

【計測タグ】

  1. ショップサーブの管理画面にログインし、「集客・運用」＞「リマーケティングタグ設定」を押下します。 shopse_3.png
  2. リマーケティング設定ページに遷移します。shopse_4.png
  3. 以下の計測タグをコピーします。 
    <remarketingtag_other>
    <!-- ec concier -->
    <!-- 計測タグ -->
    <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', 'サイト識別子', {secondaryDomain:true}]);
    ara.push(['relayDomains', ['セカンドドメイン'], {form_post:true}]);
    </script>
    <!-- /計測タグ -->
    <!-- /ec concier -->
    </remarketingtag_other>
  4. テキストエディタ等でセカンドドメインを「サイト構成の確認」の確認した内容に修正します。
    下記の例はセカンドドメインが　cart1.shopserve.jp　の場合の修正例となります。 
    <remarketingtag_other>
    <!-- ec concier -->
    <!-- 計測タグ -->
    <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', 'サイト識別子', {secondaryDomain:true}]);
    ara.push(['relayDomains', ['cart1.shopserve.jp'], {form_post:true}]);
    </script>
    <!-- /計測タグ -->
    <!-- /ec concier -->
    </remarketingtag_other>
  5. 編集した計測タグをコピーし、トップページ欄に貼り付けます。
    shopse_5.png
    ※注意事項
    既にリマーケティングタグをご利用の場合は、<remarketingtag_other>と</remarketingtag_other>の間に
    <!-- ec concier -->～<!-- /ec concier -->を貼り付けしてください

    編集前(別のリマーケティングタグ有)shopse_6.png

    編集後(別のリマーケティングタグ有)shopse_7.png
  6. 計測タグが貼り付けられていることを確認し、「設定を保存する」を押下します。shopse_8.png

  7. カテゴリページも同様に計測タグを貼り付け、「設定を保存する」を押下します。 shopse_9.png
  8. 検索結果ページも同様に計測タグを貼り付け、「設定を保存する」を押下します。shopse_10.png
  9. 商品ページも同様に計測タグを貼り付け、「設定を保存する」を押下します。shopse_11.png

【カートタグ】 

  1. 以下のカートタグをコピーします。 
    <remarketingtag_other>
    <!-- ec concier -->
    <!-- カートタグ -->
    <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', 'サイト識別子', {secondaryDomain:true}]);
    ara.push(['cart', { cartPrice:__COMMON_ITM_TOTAL__}]);
    ara.push(['relayDomains', ['ファーストドメイン'], {form_post:true}]);
    </script>
    <!-- /カートタグ -->
    <!-- /ec concier -->
    </remarketingtag_other>
  2. テキストエディタ等でファーストドメインを「サイト構成の確認」の確認した内容に修正します。
    下記の例はファーストドメインが　example.com　の場合の修正例となります。 
    <remarketingtag_other>
    <!-- ec concier -->
    <!-- カートタグ -->
    <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', 'サイト識別子', {secondaryDomain:true}]);
    ara.push(['cart', { cartPrice:__COMMON_ITM_TOTAL__}]);
    ara.push(['relayDomains', ['example,com'], {form_post:true}]);
    </script>
    <!-- /カートタグ -->
    <!-- /ec concier -->
    </remarketingtag_other>
  3. 編集したカートタグをコピーし、カートページ欄に貼り付けます。
    shopse_12.png
    ※注意事項
    既にリマーケティングタグをご利用の場合は、<remarketingtag_other>と</remarketingtag_other>の間に
    <!-- ec concier -->～<!-- /ec concier -->を貼り付けしてください
  4. カートタグが貼り付けられていることを確認し、「設定を保存する」を押下します。shopse_13.png

【コンバージョンタグ】

  1. 以下のコンバージョンタグをコピーします。 
    <remarketingtag_other>
    <!-- ec concier -->
    <!-- コンバージョンタグ -->
    <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','サイト識別子', {secondaryDomain:true}]);
    ara.push(['conversion_type', {conversion_type:'goal' ,sumValue:__COMMON_ITM_TOTAL__}]);
    ara.push(['relayDomains', ['ファーストドメイン'], {form_post:true}]);
    </script>
    <!-- /コンバージョンタグ -->
    <!-- /ec concier -->
    </remarketingtag_other>
  2. テキストエディタ等でファーストドメインを「サイト構成の確認」の確認した内容に修正します。
    下記の例はファーストドメインが　example.com　の場合の修正例となります。 
    <remarketingtag_other>
    <!-- ec concier -->
    <!-- コンバージョンタグ -->
    <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','サイト識別子', {secondaryDomain:true}]);
    ara.push(['conversion_type', {conversion_type:'goal' ,sumValue:__COMMON_ITM_TOTAL__}]);
    ara.push(['relayDomains', ['example.com'], {form_post:true}]);
    </script>
    <!-- /コンバージョンタグ -->
    <!-- /ec concier -->
    </remarketingtag_other>
  3. 編集したコンバージョンタグをコピーし、購入完了ページ欄に貼り付けます。
    shopse_14.png
    ※注意事項
    既にリマーケティングタグをご利用の場合は、<remarketingtag_other>と</remarketingtag_other>の間に
    <!-- ec concier -->～<!-- /ec concier -->を貼り付けしてください
  4. コンバージョンタグが貼り付けられていることを確認し、「設定を保存する」を押下します。shopse_15.png

【サイトへの反映】

  1. 設定した内容をお客様サイトに反映する為、「お店ページを更新する」を押下します。shopse_16.png
  2. 「利用中のテーマでお店ページを更新する」を押下します。shopse_17.png
  3. サイト更新が完了しました。が表示され、更新が完了です。shopse_18.png