ContactForm7を使用している際のA8アフィリエイト設定について

2020.09.04 (ver.1.0.3)

F@NCommunications,Inc.

対象

事前準備

問い合わせの情報を保存する

送信メッセージのロストをまずは防ぐ為に、メッセージ保存用のプラグインを利用。

解決方法

はじめに

ContactForm7には申込完了画面は用意されておりませんが、

サンクスページをWordpressの固定ページや、広告主様独自に作成されており

スクリプトの処理location 等でContactForm7よりサンクスページへ飛ばす設定をされている場合は

以下、通常設定設置方法と異なりますので、その場合は サンクスページを設定されている場合 の設定方法をご確認下さい。

通常設定

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

[hidden customId id:_a8_uid]

form下部へ以下のコードを挿入

<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": "s00000000062001", //適宜変更 "order_number": inputs[i].value, //そのまま "currency": "JPY", //適宜変更 "items": [ { "code": "001", //適宜変更 "price": 200, //適宜変更 "quantity": 2 //適宜変更 }, ], "total_price": 400 //適宜変更 }); break; } } }, false ); </script>

以下の2要素については、その前に出力しているのであれば設定不要

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

上記の対応にて、form送信完了後にA8.netのコンバージョン計測用のjavascriptが実行され、成果の計測を行うことが可能となります。

また、送信された 注文番号 はwordpress管理画面上の Flamingo プラグインの Inbound Messages から確認できる為、成果の照合が可能となります。

設定例

<label> Your Name (required) [text* your-name] </label> <label> Your Email (required) [email* your-email] </label> <label> Subject [text your-subject] </label> <label> Your Message [textarea your-message] </label> [hidden customId id:_a8_uid] [submit "Send"] <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": "s00000000062001", "order_number": inputs[i].value, "currency": "JPY", "items": [ { "code": "001", "price": 200, "quantity": 2 }, ], "total_price": 400 }); break; } } }, false ); </script>

サンクスページを設定されている場合

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

[hidden customId id:_a8_uid]

form下部へ以下のコードを挿入

<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>

サンクスページの<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": "s00000000062001", //適宜変更 "order_number": a8OrderNo, //そのまま "currency": "JPY", "items": [ { "code": "a8", //適宜変更 "price": 200, //適宜変更 "quantity": 2 //適宜変更 }, ], "total_price": 400 //適宜変更  }); } else { continue; } var dt = new Date('1999-12-31T23:59:59Z'); document.cookie = "_a8_orderno=; expires=" + dt.toUTCString(); } </script>

上記の対応にて、サンクスページ遷移後にA8.netのコンバージョン計測用のjavascriptが実行され、成果の計測を行うことが可能となります。

また、通常設定と同様に 注文番号 はwordpress管理画面上の Flamingo プラグインの Inbound Messages から確認できる為、成果の照合が可能となります。

設定例

ContactForm7

<label> Your Name (required) [text* your-name] </label> <label> Your Email (required) [email* your-email] </label> <label> Subject [text your-subject] </label> <label> Your Message [textarea your-message] </label> [hidden customId id:_a8_uid] [submit "Send"] <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(); document.addEventListener( 'wpcf7mailsent', function( event ) { if ( '※contactform7のIDを指定※' == event.detail.contactFormId ) { location = '※サンクスページURL指定※'; } }, false ); </script>

サンクスページ

<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": "s00000000062001", "order_number": a8OrderNo, "currency": "JPY", "items": [ { "code": "a8", "price": 200, "quantity": 2 }, ], "total_price": 400  }); } else { continue; } var dt = new Date('1999-12-31T23:59:59Z'); document.cookie = "_a8_orderno=; expires=" + dt.toUTCString(); } </script>

動作について



F@NCommunications,Inc.