1. ヘルプセンター
  2. レンタルカート・レンタルフォーム一覧
  3. 初めてA8.netをご利用される広告主様向け(申込フォーム)

ContactForm7

ContactForm7のタグ設定手順です。

※ご注意※
①CVタグ内「"pid": "s000000********",」の部分は、貴社の<プログラムID>を入力する必要がございます。

<プログラムID>は「件名:A8.netお申込書受領に関するご連絡」のメールに記載しております【sから始まる15桁のID】となります。 
ご確認の上、代入をお願いいたします。 

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

 

②設定手順2は、サンクスページあり/なしにより設定が異なりますため、ご確認の上、ご設定をお願いいたします。

  ーサンクスページなしの場合

  ーサンクスページありの場合

 

★設定マニュアル:https://document.a8.net/a8docs/guide/linkage/contactform7-guide.html

 

設定手順1: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本はドメインをまたぐサイトでも成果計上を正常に行うためにご設定が必要なものとなります。
 ドメインをまたがないサイトである場合も、今後のトラッキング漏れリスクの軽減のため設定を推奨はしておりますが、余分なタグのご設定をご希望されない場合は、省いていただいても問題ございません。

 

設定手順2:サンクスページなしの場合

1.フォーム内submitボタン前に以下のタグを挿入

[hidden customId id:_a8_uid]

 

2.フォーム内の最下部へ以下のタグを挿入

<span id="a8sales"></span>

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

<script>

function getUniqueStr(myStrong){

 var strong = 1000;

 if (myStrong) strong = myStrong;

 return new Date().getTime().toString(16) + Math.floor(strong*Math.random()).toString(16);};

document.getElementById("_a8_uid").value = getUniqueStr();

document.addEventListener( 'wpcf7mailsent', function( event ) {

    var inputs = event.detail.inputs;

    for ( var i = 0; i < inputs.length; i++ ) {

        if ( 'customId' == inputs[i].name ) {

a8sales({

  "pid": "s000000********",

  "order_number": inputs[i].value,

  "currency": "JPY",

  "items": [

    {

      "code": "a8",

      "price": 1,

      "quantity": 1

    },

  ],

   "total_price": 1

});

            break;

        }

    }

}, false );

</script>

メイクショップ説明2

 

設定手順2:サンクスページありの場合

1.該当フォームへ問い合わせ番号用の値を挿入

[hidden customId id:_a8_uid]

 

2.フォーム内の最下部へ以下のタグを挿入

<script>

function getUniqueStr(myStrong){

var strong = 1000;

if (myStrong) strong = myStrong;

return new Date().getTime().toString(16) + Math.floor(strong*Math.random()).toString(16);};

var a8uidValue = document.getElementById("_a8_uid").value = getUniqueStr();

var expire = new Date();

expire.setTime( expire.getTime() + 1 * 30 * 24 * 60 * 60 * 1000 );

document.cookie = "_a8_orderno" + "=" + encodeURIComponent(a8uidValue) + '; path=/; expires=' + expire.toUTCString();

</script>

 

3.サンクスページの<body>内に以下タグを設定

<span id="a8sales"></span>

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

<script>

var cookies = document.cookie;

var cookieItem = cookies.split(";");

var a8OrderNo = "";

for (i = 0; i < cookieItem.length; i++) {

  var elem = cookieItem[i].split("=");

  if (elem[0].trim() == "_a8_orderno") {

    var a8OrderNo = decodeURIComponent(elem[1]);

    a8sales({

    "pid": "s000000********",

    "order_number": a8OrderNo,

    "currency": "JPY",

    "items": [

      {

      "code": "a8",

      "price": 1,

      "quantity": 1

      },

    ],

  "total_price": 1

 });

  } else {

      continue;

  }

var dt = new Date('1999-12-31T23:59:59Z');

document.cookie = "_a8_orderno=; expires=" + dt.toUTCString();

}

</script>

メイクショップ説明2