Contact Form7

Contact Form7プラグインの成果計測

Contact Form7プラグインを利用する際の成果計測について解説します。

概要
1. 着地点タグの設置
2. 成果地点タグの設置

Contact Form7｜概要

Contact form7はWordPressで問い合わせページやフォームを作成する際によく利用されているプラグインです。
このプラグインを利用してフォーム作成をする際、アフィリコード・システムの成果地点タグをお問い合わせ完了時に発火させる設定を行うことで、フォーム送信時の成果計測が可能となります。

Contact Form 7
https://ja.wordpress.org/plugins/contact-form-7/

ドキュメントの内容は、作成・更新時点の連携先仕様に基づいているため、プラグイン側の仕様変更により、一部の手順や設定が異なる場合があります。最新情報は、ご利用サービスの公式ドキュメントやサポートサイトをご確認ください。

Contact Form7｜1. 着地点タグの設置

1. 着地点タグを取得広告管理 > 広告一覧 > 詳細にて着地点タグを取得します。

2. WordPressに着地点タグを設置アフィリコード・システムのタグ設置専用プラグイン（Affilicode-Tag-Setting）があります。
タグ設置時はプラグインのご利用を推奨します。

Contact Form7｜2. 成果地点タグの設置

以下は、フォーム送信ページへの成果地点タグを設置方法です。フォーム送信ページから別に用意したサンクスページに遷移する場合は、サンクスページの方に取得した成果地点タグをそのまま設置してください。

1. WordPressでContact Form7をインストールインストールすると、サイドメニューに「お問い合わせ」が追加されます。
「新規追加」からフォームを作成してください。

2. 成果地点タグを取得広告管理 > 広告一覧 > 詳細にて成果地点タグを取得します。

3. 成果地点タグを書き換えるフォームの [submit "送信"] ボタン押下時にタグが発火するように、コピーした成果地点タグ内にイベント通知処理の記述を追記します。

<script>
document.addEventListener('DOMContentLoaded', function(){
var wpcf7Elm = document.querySelector('.wpcf7');
wpcf7Elm.addEventListener('submit', function(event){
var PV = "広告ID";
var KEYS = {cid : ["CL_", "ACT_", "cid_auth_get_type"], plid : ["PL_", "APT_", "plid_auth_get_type"]};
var turl = "https://システムドメイン/track.php?p=" + PV;
var cks = document.cookie.split("; ").reduce(function(ret, s){ var kv = s.split("="); if(kv[0] && kv[1]) ret[kv[0]] = kv[1]; return ret; }, []);
turl = Object.keys(KEYS).reduce(function(url, k){ var vk = KEYS[k][0] + PV; var tk = KEYS[k][1] + PV; var v = "", t = ""; if(cks[vk]){ v = cks[vk]; if(cks[tk]) t = cks[tk]; }else if(localStorage.getItem(vk)){ v = localStorage.getItem(vk); t = "ls"; } if(v) url += "&" + k + "=" + v; if(t) url += "&" + KEYS[k][2] + "=" + t; return url; }, turl);
var xhr = new XMLHttpRequest(); xhr.open("GET", turl); xhr.send();
});
});
</script>