【JavaScript】Contact Form7のvalueの値とリダイレクト先URLのパラメータを動的に変更する方法

  [hidden id-form-line id:id-form-line "yyyymmddhhmmss"]
  [multistep multistep-748 first_step send_email "https://example.com/lp-line-link?id="]

// id="form-line-id"の要素が存在する場合のみ、value="YYYYMMDDhhmmss"を設定
window.addEventListener("load", function () {
	
	//contact form7の読み込み完了後に書き換えするためsetTimeoutを使用
	const executeAfter3Seconds = () => {
		const targetElement = document.getElementById("id-form-line");

		// 要素が存在する場合のみ処理を実行
		if (targetElement) {
			// 現在の日時を取得してフォーマット
			const now = new Date();
			const formattedDate = now.getFullYear() +
				("0" + (now.getMonth() + 1)).slice(-2) +
				("0" + now.getDate()).slice(-2) +
				("0" + now.getHours()).slice(-2) +
				("0" + now.getMinutes()).slice(-2) +
				("0" + now.getSeconds()).slice(-2);

			// targetElementのvalue属性とvalueプロパティを設定
			targetElement.setAttribute("value", formattedDate); // HTMLの属性を設定
			targetElement.value = formattedDate;               // DOMのプロパティを設定
			//console.log("valueを設定しました", formattedDate);

			////// リダイレクト先URLのパラメータにidを追加
			const redirectInput = document.querySelector('input[name="_cf7msm_multistep_tag"]');

			if (redirectInput) {
				// value属性の値をJSONとして解析
				const valueObject = JSON.parse(redirectInput.value.replace(/"/g, '"'));

				// next_urlにformattedDateを追加
				if (valueObject.next_url) {
					valueObject.next_url += formattedDate;
				}

				// 更新された値を設定
				redirectInput.value = JSON.stringify(valueObject);
				//console.log("Set Redirect URL:", redirectInput.value);
			}
		}
	}
	
	setTimeout(executeAfter3Seconds, 8000);
});