Facebook広告接触ユーザーの検索流入数を計測する方法【アユダンテ スタッフコラム】

a. Facebookピクセルへのカスタムイベントコード追記

追記としましたが、実際には下記に記載するカスタムイベントコードをFacebookピクセルのベースコードの後ろに記述するだけです。Facebookピクセルを入れているページ全てに設置してください。下記の順でコードが読み込まれれば設定OKです。

カスタムイベントコード

<script>
function fbqSearchKeyword() {
  var locationSearch = window.location.search;
  var utmSource = locationSearch.match(/[?&]utm_source=([^]*)/);
  var utmMedium = locationSearch.match(/[?&]utm_medium=([^]*)/);
  var utmCampaign = locationSearch.match(/[?&]utm_campaign=([^]*)/);
  var trackingFields = {
    utm_source: utmSource && utmSource[1],
    utm_medium: utmMedium && utmMedium[1],
    utm_campaign: utmCampaign && utmCampaign[1],
  };
  
  if (!utmSource || !utmSource[1]) {
    trackingFields.utm_source = 'organic';
  }

  var referrer = document.referrer;
  if (referrer) {
    var link = document.createElement('a');
    link.setAttribute('href', referrer);
    var pattern = new RegExp('[\\?&](?:q|query)=([^]*)');
    var query = link.search.match(pattern);
    if (query && query.length > 0) {
      var keyword = query[1].replace(/\+/gi, "%20");
    }
    if (keyword) {
      trackingFields.hostname = link.hostname;
      trackingFields.keyword = decodeURIComponent(keyword);
    } else {
      trackingFields.hostname = link.hostname;
      trackingFields.keyword = null;
    }
  } else {
    trackingFields.hostname = null;
    trackingFields.keyword = null;
  }
  
  if (document.referrer.indexOf(location.protocol + "//" + location.host) !== 0)
    fbq('trackCustom', 'referrerSource', trackingFields);
  
}
fbqSearchKeyword();</script>

b. カスタムコンバージョン設定

Facebookピクセルへの追記が終わり、カスタムイベントコードの読み込みが開始されるとカスタムコンバージョン設定の「すべてのURLトラフィック」内に「referrerSource」という項目が選択できるようになります。記述したばかりでは表示されない可能性があるので、表示されない場合は少し待ってからご確認ください。

Yahooは自然検索と有料検索を分けてカスタムコンバージョンを設定することが可能です（有料検索でUTMパラメータを設定している場合です）。なお、Googleに関してはGoogle広告を自動タグ設定にしている場合、UTMパラメータはつかず(gclid表記になる)、UTMパラメータを読み込むことができないため、有料検索と自然検索を分離できない仕様となっています。

c. 設定完了