ショップサーブ

ショップサーブのタグ設定手順です。

※ご注意※
①CVタグ内「a8.pid = 's000000********';」の部分は、貴社の＜プログラムID＞を入力する必要がございます。

＜プログラムID＞は「件名：A8.netお申込書受領に関するご連絡」のメールに記載しております【sから始まる15桁のID】となります。

ご確認の上、代入をお願いいたします。

※＜広告主ID＞とお間違えのないようにお気を付けください。

②カートの型により設定が異なりますため、型をご確認の上、ご設定を

お願いいたします。

　　ーLPフォーム一体型の場合

　　ー通常カートの場合

設定手順１：headタグの設定

以下タグをサイト内全ページへご設置ください。

▼<head>内にご設置頂くタグ　
<script src="//statics.a8.net/a8sales/a8sales.js"></script>
<script src="//statics.a8.net/a8sales/a8crossDomain.js"></script>
<script src="//statics.a8.net/a8sales/a8shopForm.js"></script>

※確実に読み込ませる為、<head>内上部へのタグ設置を推奨しております。
※JavaScriptなどでこのタグを動的に生成してもよいですが、そのときに<noscript>で囲わないように設定をお願いします。
※3本のタグのうち後者2本はドメインをまたぐサイトでも成果計上を正常に行うためにご設定が必要なものとなります。
　ドメインをまたがないサイトである場合も、今後のトラッキング漏れリスクの軽減のため設定を推奨はしておりますが、余分なタグのご設定をご希望されない場合は、省いていただいても問題ございません。

設定手順２：headタグとCVタグの設定（LPフォーム一体型の場合）

ヘルプページURL：https://help.shopserve.jp/manual/140/

１．ショップサーブの管理画面にログイン

２．ページ上部「お店設定」を選択

３．左メニューの「Eストア-LPカート＞Eストア-LPカートの設定」を選択

４．「販売ページの設定」の「販売ページ一覧」にてプログラムに該当する商品を選択

５．管理コードをクリックし、編集画面へ

６．「販売ページ＞内容」部分、「お礼画面＞内容(購入完了)」部分の<head>直下に以下タグを貼り付け

<script src="//statics.a8.net/a8sales/a8sales.js"></script>
<script src="//statics.a8.net/a8sales/a8crossDomain.js"></script>
<script src="//statics.a8.net/a8sales/a8shopserve.js"></script>

７．「お礼画面＞内容(購入完了)」部分の<body>直下に以下《CVタグ》を貼り付け

８．「お礼画面＞内容(購入と同時に会員登録完了)」部分の<body>直下にも同様の以下《CVタグ》を貼り付け

▼《CVタグ》

<conversiontag>
<span id="a8sales"></span>
<script type="text/javascript">
a8 = new Object;
a8.pid = 's000000********';
a8.order_number = '__ORD_NUM__';
a8.currency = 'JPY';
arrayA8item = new Array;
itemListStr = '__CST_ITMS :[ITM_NO],[ITM_CNT],[ITM_PRC],[ITM_TOTAL]__';
arrayItemList = itemListStr.split(':');
arrayItemList.forEach(function(itemStr,index) {
if(index == 0) return;
itemObj = new Object;
arrayItem = itemStr.split(',');
itemObj.code = arrayItem[0];
itemObj.price = Number(arrayItem[2]);
itemObj.quantity = Number(arrayItem[1]);
arrayA8item.push(itemObj);
});
a8.items = arrayA8item;
a8.total_price = __ITM_TOTAL__;
a8sales(a8);
</script>
</conversiontag>

９．「設定を保存する」で完了

設定手順２：headタグとCVタグの設定（通常カートの場合）

ヘルプページURL：https://help.shopserve.jp/manual/140/

■ PC用設定手順

１．ショップサーブの管理画面にログイン

２．ページ上部「デザイン設定」を選択

３．左メニューの「テーマ＞HTMLのカスタマイズ」を選択

４．「headタグへの追記」の「HTMLを編集」をクリック

５．編集テキストエリア内最上列(任意)に以下タグを貼付けて「保存する」を選択

<script src="//statics.a8.net/a8sales/a8sales.js"></script>
<script src="//statics.a8.net/a8sales/a8crossDomain.js"></script>
<script src="//statics.a8.net/a8sales/a8shopserve.js"></script>

６．ページ上部の「集客・運用」を選択

７．左メニューの「PPC・アフィリエイト広告」の「コンバージョンタグ設定」を選択

８．「アフィリエイトの設定」に以下タグを貼り付け

<span id="a8sales"></span>
<script type="text/javascript">
a8 = new Object;
a8.pid = 's000000********';
a8.order_number = '__ORD_NUM__';
a8.currency = 'JPY';
arrayA8item = new Array;
itemListStr = '__CST_ITMS :[ITM_NO],[ITM_CNT],[ITM_PRC],[ITM_TOTAL]__';
arrayItemList = itemListStr.split(':');
arrayItemList.forEach(function(itemStr,index) {
if(index == 0) return;
itemObj = new Object;
arrayItem = itemStr.split(',');
itemObj.code = arrayItem[0];
itemObj.price = Number(arrayItem[2]);
itemObj.quantity = Number(arrayItem[1]);
arrayA8item.push(itemObj);
});
a8.items = arrayA8item;
a8.total_price = __ITM_TOTAL__;
a8sales(a8);
</script>

９．「設定を保存する」で完了

※画面左上の「お店ページを更新する」をクリックし、「編集中のテーマでお店ページを更新」ボタンをクリックで反映。

■スマホ用設定手順

１．ショップサーブの管理画面にログイン

２．ページ上部の「スマートフォンサイト設定」を選択

３．上部メニューの「各種設定」を選択

４．「headタグ設定」を選択

５．編集テキストエリア内最上列(任意)に以下タグを貼付け「設定を保存する」

<script src="//statics.a8.net/a8sales/a8sales.js"></script>
<script src="//statics.a8.net/a8sales/a8crossDomain.js"></script>
<script src="//statics.a8.net/a8sales/a8shopserve.js"></script>

６．「コンバージョンタグ設定」を選択

７．「コンバージョンタグ」欄に以下タグを貼り付け

８．「設定を保存する」をクリックで完了

※ご注意※

■ショップサーブテンプレートについて

ショップサーブでは、「ベーシックテンプレート」「カスタムテンプレート」

という２つのテンプレートがございます。

「ベーシックテンプレート」をご利用の場合には、
ショップサーブ管理画面内で手順「５」の設定ができません。
その為、店舗様側で管理画面上ではなく直接タグを設定いただくか、
「ベーシックテンプレート」から「カスタムテンプレート」へ管理画面より
ご変更してください。