ECCUBE(イーシーキューブ)のタグ設定手順です。
※ご注意※
①各バージョンごとの設定手順内「"s000000********",」の部分は、貴社の<プログラムID>を入力する必要がございます。
<プログラムID>は「件名:A8.netお申込書受領に関するご連絡」のメールに記載しております【sから始まる15桁のID】となります。
ご確認の上、代入をお願いいたします。
※<広告主ID>とお間違えのないようにお気を付けください。
②ECCUBEのバージョンにより設定が異なりますため、バージョンをご確認の上、ご設定をお願いいたします。
バージョン2,3の場合
1. ECCUBE管理画面「オーナーズストア⇒プラグイン管理」よりインストール
https://www.ec-cube.net/products/detail.php?product_id=1817
2. プラグイン一覧の「A8.netが提供するFLY-ECタグ設置プラグイン」の
「プラグイン設定」をクリック
3. 「契約アカウント」に【s000000********】を入力
(複数プログラム設定の場合にはカンマ区切りにて入力)
4. プラグイン一覧の「A8.netが提供するFLY-ECタグ設置プラグイン」の
「有効」にチェック
バージョン4の場合
1.pluginファイルのインストール
pluginファイル【A8SalesTag4.tar.gz】をお送りさせていただきますため、
弊社担当営業へご連絡をお願いいたします。
【ECCUBE管理画面からインストール】
右下のボタンからアップロード画面に入れます。
アップロード画面でプラグインをアップロードしてください。
※キャプチャ参照
2.install後のタグ設定手順
【ECCUBE管理画面】
・プラグイン一覧
LA8SalesTag4を選択
L広告主ID【s000000*****】を入力 ※A8.net管理画面ログイン後最上部に記載されている全12桁のID
Lクロスドメイン設定チェックが外れていることを確認する
L登録をClick
※ECCUBEのカスタマイズを行っている環境の場合、 適切に機能しない場合があります。
※インストールエラーになってしまう場合は、以下お試しください。
①メンテナンスモード下でのインストール
▼上記プラグインのインストールができない場合▼
直接タグのご設置をお願いいたします。
1.タグを作成する
EC-CUBE4.xの管理画面で、[コンテンツ管理] > [ブロック管理] > [新規作成] と操作して、下記のように入力
①サイト内全ページ用タグ
ブロック名: A8.net 解析タグ
ファイル名: a8net
コード: 下記のコードを入力<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>
②サンクスページ用タグ
ブロック名: A8.net コンバージョンタグ
ファイル名: a8net_conversion
コード:下記のコードを入力
2.レイアウト管理でブロックを適用する
作成した2つのブロックをレイアウト管理で各ページに適用していきます。
管理画面から [コンテンツ管理] > [レイアウト管理] > [新規作成] と操作し、下記のように設定
・レイアウト名:購入完了ページ用レイアウト
・端末種別:PC、SP ※両方に設置する必要がございますため、順番にご対応ください
<head></head>タグ内に、先ほど作成した『A8.net 解析タグ』を設置(右側の『未使用ブロック』からドラッグ&ドロップ)
<body>タグ直後に、同じく先ほど作成した『A8.net コンバージョンタグ』を設置
その他、#headerや#footer、#drawerなどには適宜(※)必要な内容を設定しておきます。
※不明な場合は、デフォルトの『下層ページ用レイアウト』などに合わせていただければ問題ございません。
他の全てのレイアウトの<head></head>タグ内にも『A8.net 解析タグ』を設置します。(『A8.net コンバージョンタグ』は不要)
最後、画面右下の『登録』をクリック
3.ページ管理でレイアウトを適用する
最後に、管理画面の[ページ管理] > [商品購入/ご注文完了] と操作し、
レイアウト設定で先ほど作成した『購入完了ページ用レイアウト』を選択し、右下の『登録』をクリック。
いずれのバージョンにも非対応の場合
どのバージョンでもない非対応verの場合は、
広告主様個別にサーバー直入れ設定が必要となります。
1.以下タグをサイト内全ページへご設置ください。
▼<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本はドメインをまたぐサイトでも成果計上を正常に行うためにご設定が必要なものとなります。
ドメインをまたがないサイトである場合も、今後のトラッキング漏れリスクの軽減のため設定を推奨はしておりますが、余分なタグのご設定をご希望されない場合は、省いていただいても問題ございません。
2.以下タグをCVページへご設置ください。
<span id="a8sales"></span>
<script src="//statics.a8.net/a8sales/a8sales.js"></script>
<script>
a8sales({
"pid": "s000000********", //テスト用ID、後日本番IDに変更するため変更不可
"order_number": "<!--{$arrOrder.order_id}-->", //注文番号・現行タグの&so=の値を反映してください
"currency": "JPY", //通貨コード、JPY/USD/EURが利用可能
"items": [
<!--{foreach from=$arrOrderDetail item=vv}-->
{
"code": "<!--{$vv.product_id}-->", //商品コード
"price": <!--{$vv.price}-->, //商品単価
"quantity": <!--{$vv.quantity}-->, //個数
},
<!--{/foreach}-->
],
"total_price": <!--{$arrOrder.total}-->, //全購入商品の合計金額
});
</script>