単品商品のタグ実装¶
各タグに入れる商品IDが固定の一商品である場合は、動的に値を取る必要が無いため、このページで簡易的なタグを生成し、コピー&ペーストすることで実装完了いたします。
概要¶
本来タグには商品IDなど動的に取得する必要があるパラメータがありますが、 以下の二つのどちらかに当てはまる実装をお考えのお客様は、動的な取得が必要でないため、パラメータに固定値をあらかじめ設定した5つのタグを生成し、実装いただけます。
1、フィードの商品数が1つである。
2、フィードには商品を複数登録してあるが、固定で代表の商品ID1点のみを各タグに入れる予定である。
このページの使い方¶
このページのURLパラメータにアカウントIDと商品IDを設定することで、以下表示されるタグに値が自動的に代入されますので、タグをそのままコピ&ペーストしていただけます。 すでにURLパラメータが設定されていない場合は、以下のパラメータを追加してください。
アカウントIDパラメータ名 : accountid
商品IDパラメータ名 : productid
例:http://guides.criteotilt.com/onetag/single_simple/?accountid=22778&productid=constantproductid
トップページタグ¶
サイトに商品ページしか無い場合は実装は不要です。 実装の場合は以下のタグを、トップページに実装してください。
<!-- Criteo Homepage Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
{ event: "setAccount", account: {{accountid}}},
{ event: "setEmail", email: "" },
{ event: "setSiteType", type: deviceType},
{ event: "viewHome"});
</script>
<!-- END Criteo Home Page Tag -->
商品一覧ページタグ¶
サイトに商品ページしか無い場合や商品一覧ページで複数の商品IDを計測する必要のない場合は不要です。 実装の場合は以下のタグを、商品一覧ページ、検索結果ページに実装してください。
<!-- Criteo Search Results Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
{ event: "setAccount", account: {{accountid}}},
{ event: "setEmail", email: "" },
{ event: "setSiteType", type: deviceType},
{ event: "viewList", item: ['{{productid}}'] });
</script>
<!-- END Criteo Search Results Tag -->
商品詳細ページタグ¶
以下のタグを、商品詳細ページに実装してください。
<!-- Criteo Product Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
{ event: "setAccount", account: {{accountid}}},
{ event: "setEmail", email: "" },
{ event: "setSiteType", type: deviceType},
{ event: "viewItem", item: '{{productid}}' });
</script>
<!-- END Criteo Product Tag -->
買い物かごタグ¶
以下のタグを、買い物かごページに実装してください。 買い物かごに入れられる商品が複数存在する場合でも、1つの固定商品IDのみでの実装を行う場合は固定の商品IDを記入して実装してください。
<!-- Criteo Basket/Cart Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
{ event: "setAccount", account: {{accountid}}},
{ event: "setEmail", email: "" },
{ event: "setSiteType", type: deviceType},
{ event: "viewBasket", item: [
{id: '{{productid}}', price: 1, quantity: 1 }
]}
);
</script>
<!-- END Criteo Basket/Cart Tag -->
コンバージョンタグ¶
以下のタグを、コンバージョンページに実装してください。 TransactionIDはJavaScriptで生成するランダムな値が代入されるように設定されています。もし、サイト側で発行させるTransactionID(注文番号など)を動的に代入する場合は下記のコードはご利用できません。
<!-- Criteo Sales Tag -->
<script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
<script type="text/javascript">
window.criteo_q = window.criteo_q || [];
var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
window.criteo_q.push(
{ event: "setAccount", account: {{accountid}}},
{ event: "setEmail", email: "" },
{ event: "setSiteType", type: deviceType},
{ event: "trackTransaction", id: Math.floor(Math.random()*99999999999), item: [
{id: '{{productid}}', price: 1, quantity: 1 }
]}
);
</script>
<!-- END Criteo Sales Tag -->