Contact Form 7で広告掲載先を表示する方法

https://kaigocareer-lp.jp/?utm_source=google&utm_medium=lis&utm_campaign=kaigocareer-lp

下記をランディングするページのJSに追加　sourceを取得する例

jQuery('.lp_form .swell-block-button__link').each(function(i, elem) {
  var url = new URL(location.href);
  var href = jQuery(elem).attr('href');
  jQuery(elem).attr('href', href + '&source=' + url.searchParams.get('utm_source'));
});

source medium campaign の3つを取得する例

jQuery('.lp_form .swell-block-button__link').each(function(i, elem) {
  var url = new URL(location.href);
  var href = jQuery(elem).attr('href');
  
  // URLパラメータの取得
  var utm_source = url.searchParams.get('utm_source');
  var utm_medium = url.searchParams.get('utm_medium');
  var utm_campaign = url.searchParams.get('utm_campaign');
  
  // 必要に応じてパラメータを追加
  if (utm_source) href += '&source=' + utm_source;
  if (utm_medium) href += '&medium=' + utm_medium;
  if (utm_campaign) href += '&campaign=' + utm_campaign;

  jQuery(elem).attr('href', href);
});

下記をフォームの最初に追加　＋　お問い合わせフォームのメール内に追記

[text source default:get]
[text medium default:get]
[text campaign default:get]
[text source-text default:get]

広告掲載先:[source]
広告メディア:[medium]
広告キャンペーン:[campaign]

テキストを置換する場合は下記をランディングするページに追加

if( is_page('step1') && isset($_GET['source']) && $_GET['source'] ) {
	switch($_GET['source']) {
		case 'google':
			$_GET['source-text'] = 'Google';
			break;
		case 'fb':
			$_GET['source-text'] = 'メタ';
			break;
		case 'yahoo':
			$_GET['source-text'] = 'ヤフー';
			break;
	}
}

Contact Form 7で広告掲載先を表示する方法

関連記事