ニュースレター登録

プライバシーポリシー
に同意します

無料登録する

// 簡易ハッシュ（メールアドレスをそのままlocalStorageに保存しない）
function simpleHash(str) {
var hash = 0;
for (var i = 0; i < str.length; i++) {
hash = ((hash << 5) – hash) + str.charCodeAt(i);
hash |= 0;
}
return hash.toString(36);
}

function onCustomNlRecaptchaPassed(token) {
var form = document.getElementById('custom-nl-form');

// チェックボックス・メール等の未入力を検証
if (!form.checkValidity()) {
form.reportValidity();
grecaptcha.reset(); // reCAPTCHAをリセットして再クリック可能に
return; // 送信しない
}

var email = form.querySelector('#custom-nl-email').value.trim().toLowerCase();
var path = window.location.pathname;

// フォーム送信を安全に実行するための共通関数
function submitForm() {
form.submit();
}

// 重複排除：同じメール×同じページなら再発火しない
var dedupKey = 'nl_sent_' + path + '_' + simpleHash(email);
if (!localStorage.getItem(dedupKey)) {
localStorage.setItem(dedupKey, '1');

// GTM用のデータレイヤーを初期化
window.dataLayer = window.dataLayer || [];

// 保険用のタイマー設定：万が一GTMが動かなくても1.2秒後に強制送信
var timeoutId = setTimeout(submitForm, 1200);

// GTMデータレイヤーイベント発火
window.dataLayer.push({
'event': 'newsletter_signup',
'page_path': path,
'page_title': document.title,
'eventCallback': function() {
clearTimeout(timeoutId); // GTMが正常に動いたら保険タイマーを解除
submitForm(); // フォーム送信
}
});
} else {
// すでに送信済みの場合は即時送信
submitForm();
}
}

(function () {
const form = document.getElementById(‘custom-nl-form’);
if (!form) return;

const email = form.querySelector(‘#custom-nl-email’);
const errorEl = form.querySelector(‘#custom-nl-email-error’);

// 日本語のカスタムメッセージ設定
function setEmailMessage() {
email.setCustomValidity(”);
errorEl.textContent = ”;

if (email.validity.valueMissing) {
email.setCustomValidity(‘メールアドレスを入力してください。’);
} else if (email.validity.typeMismatch) {
email.setCustomValidity(‘メールアドレスの形式が正しくありません。例：[email protected]’);
} else if (email.value.length > 80) {
email.setCustomValidity(‘メールアドレスが長すぎます。’);
}

// エラー表示
if (!email.checkValidity()) {
errorEl.textContent = email.validationMessage;
}
}

// 入力中はエラーを随時更新
email.addEventListener(‘input’, setEmailMessage);
email.addEventListener(‘blur’, setEmailMessage);

// 送信時に検証して不正なら送信中止
form.addEventListener(‘submit’, function (e) {
setEmailMessage();
if (!form.checkValidity()) {
e.preventDefault();
email.focus();
}
});
})();