ショップサーブ(単一ドメイン構成サイト用)

【注意事項】

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

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

  3. 導入サイトの構成(ドメイン)によって、設置するタグの内容が異なります。サイト構成の確認方法は、以下の【サイト構成の確認】をご参照下さい。

【サイト構成の確認】


ショップサーブでは、サイトが2種類のドメインで構成されている場合と、1種類のドメインで構成されている場合があります。
<2種類のドメインでの構成例>
-　1つ目のドメイン・・・トップページ/カテゴリページ/商品結果ページ/商品ページ　等
-　2つ目のドメイン・・・カートページ/購入完了ページ　等

それぞれ設置するタグの内容が異なりますので、以下の手順にて導入サイトのドメインの確認をお願いいたします。

  1. トップページにアクセスし、ブラウザのURLを確認します。shopserve_01.png URLから店舗ページのドメインを把握します。
    上記画像の場合、　ec-concier.hs.shopserve.jp　が1つ目のドメイン（ファーストドメイン）となります。
    ※表示されているURLの先頭に（https://またはhttp://)が付与されている場合、また/以降が記載されている場合、（https://またはhttp://)と（/）以降を取り除いた部分が1つ目のドメイン（ファーストドメイン）となります。
    例：表示されているURLが　https://example.com/index.html　の場合、ファーストドメインは　example.com　となります。


  2. カートページに遷移するため、「カートをみる」を押下します。
    shopserve_02.png


  3. カートページにてブラウザのURLを確認します。URLからカートページのドメインを把握します。
    shopserve_03.png
    上記画像の場合、cart1.shopserve.jp　が2つ目のドメイン（セカンドドメイン）となります。

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


  4. 手順1で確認したドメインと、手順3で確認したドメインが同じであれば、本マニュアルの以下の手順に添ってタグ設置をお願いいたします。
    ・【計測タグ】
    ・【カートタグ】
    ・【コンバージョンタグ】

    ドメインが異なる場合は、複数ドメイン(クロスドメイン)構成用マニュアルの【計測タグ】、【カートタグ】、【コンバージョンタグ】に添って、それぞれタグ設置をお願いいたします。


【計測タグ】

  1. ショップサーブの管理画面にログインし、「集客・運用」＞「リマーケティングタグ設定」を押下します。
    shopserve_04.png


  2. リマーケティング設定ページに遷移します。
    shopserve_05.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', 'サイト識別子']);
    </script>
    <!-- /計測タグ -->
    <!-- /ec concier -->
    </remarketingtag_other>


  4. お客様のサイト識別子を確認、コピーし、手順3の計測タグ内の「サイト識別子」(前後の「'」（シングルクォーテーション)は含めず)と置き換えます。(計2箇所)
    お客様のサイト識別子の確認方法はこちらをご参照下さい。


  5. 手順4にて編集した計測タグを、トップページ > bodyタグ　に貼り付けます。
    shopserve_06.png
    ※注意事項
    既にリマーケティングタグをご利用の場合は、<remarketingtag_other>と</remarketingtag_other>の間に
    <!-- ec concier -->～<!-- /ec concier -->を貼り付けしてください

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

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


  6. 手順5にて編集した計測タグが貼り付けられていることを確認し、「設定を保存する」を押下します。
    shopserve_09.png


  7. カテゴリページ > bodyタグ　にも同様に手順4にて編集した計測タグを貼り付け、「設定を保存する」を押下します。
    shopserve_10.png


  8. 検索結果ページ > bodyタグ　にも同様に手順4にて編集した計測タグを貼り付け、「設定を保存する」を押下します。
    shopserve_11.png


  9. 商品ページ > bodyタグ　にも同様に手順4にて編集した計測タグを貼り付け、「設定を保存する」を押下します。
    shopserve_12.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', 'サイト識別子']);
    ara.push(['cart', { cartPrice:__COMMON_ITM_TOTAL__}]);
    </script>
    <!-- /カートタグ -->
    <!-- /ec concier -->
    </remarketingtag_other>


  2. お客様のサイト識別子を確認、コピーし、手順1のカートタグ内の「サイト識別子」(前後の「'」（シングルクォーテーション)は含めず)と置き換えます。(計2箇所)
    お客様のサイト識別子の確認方法はこちらをご参照下さい。


  3. 手順2で編集したカートタグをコピーし、カートページ > bodyタグ　に貼り付けます。
    shopserve_13.png
    ※注意事項
    既にリマーケティングタグをご利用の場合は、<remarketingtag_other>と</remarketingtag_other>の間に
    <!-- ec concier -->～<!-- /ec concier -->を貼り付けしてください

  4. 手順2で編集したカートタグが貼り付けられていることを確認し、「設定を保存する」を押下します。
    shopserve_14.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','サイト識別子']);
    ara.push(['conversion_type', {conversion_type:'goal' ,sumValue:__COMMON_ITM_TOTAL__}]);
    </script>
    <!-- /コンバージョンタグ -->
    <!-- /ec concier -->
    </remarketingtag_other>


  2. お客様のサイト識別子を確認、コピーし、手順1のコンバージョンタグ内の「サイト識別子」(前後の「'」（シングルクォーテーション)は含めず)と置き換えます。(計2箇所)
    お客様のサイト識別子の確認方法はこちらをご参照下さい。


  3. 手順2で編集したコンバージョンタグをコピーし、購入完了ページ > bodyタグ　に貼り付けます。
    shopserve_15.png
    ※注意事項
    既にリマーケティングタグをご利用の場合は、<remarketingtag_other>と</remarketingtag_other>の間に
    <!-- ec concier -->～<!-- /ec concier -->を貼り付けしてください

  4. 手順2で編集したコンバージョンタグが貼り付けられていることを確認し、「設定を保存する」を押下します。
    shopserve_16.png


【サイトへの反映】

  1. 設定した内容をお客様サイトに反映する為、「お店ページを更新する」を押下します。
    shopserve_17.png


  2. 「利用中のテーマでお店ページを更新する」を押下します。
    shopserve_18.png


  3. 「サイト更新が完了しました。」が表示され、更新が完了します。
    shopserve_19.png