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ボタン前に以下のタグを挿入

<input type="hidden" id="_a8_uid" name="customId">

 

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);
};
var a8uidValue = getUniqueStr();
var elements = document.querySelectorAll('input[id="_a8_uid"]');
elements.forEach(function(element) {
  element.value = a8uidValue;
});

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

※code部分には50byte以内の任意の値をご設定ください。「-(ハイフン)」「_(アンダーバー)」半角英数字が利用可能です。
 例:「"shiryo"」「"toiawase"」「"course"」など成果地点に沿ったものを設定するケースが多いです。

 

設定手順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 = 

var a8uidValue = getUniqueStr();
var elements = document.querySelectorAll('input[id="_a8_uid"]');
elements.forEach(function(element) {
  element.value = a8uidValue;
});

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

※タグに関してご不明な点がございましたら<ec-startup@a8.net>までお問い合わせください。

※計測タグ設置後の動作確認に関してはこちらを参照ください。

 

注文番号の付け合わせについて

ワードプレスのプラグインflamingo内の「customID」で注文番号が突合せできるため、

プラグインを入れていただき、ご確認をお願いいたします。