(function () { var take = function () { //DDP console.log('DDP - lutein') const BASE_URL = "https://pr.aqur.com"; const fetchOptions = { method: "POST", headers: { "Content-Type": "application/json" } }; const aqur_chatform = localStorage.getItem("aqur-lutein"); async function track(trackingData, orderKey, orderValue, status = "") { try { console.log("track", trackingData, orderKey, orderValue, status) await fetch(`${BASE_URL}/track`, { ...fetchOptions, body: trackingData }); let chatformData = JSON.parse(aqur_chatform); const response2 = await fetch(`${BASE_URL}/pdi/${chatformData.uuId}`); const data2 = await response2.json(); data2.data.data = { ...data2.data.data, [orderKey]: orderValue }; data2.data.Completed = true; if (status) { data2.status = status; } await fetch(`${BASE_URL}/pdi/set`, { ...fetchOptions, body: JSON.stringify(data2.data) }); console.log("Conversion Tracked!!"); } catch (error) { console.error('Error:', error); } } // felmat成果計測タグを発火する関数 function fireFelmatConversion(orderId) { try { // 既にfelmatタグが読み込まれているかチェック(重複防止) const existingScript = document.querySelector('script[src*="fmcv.js"][data-felmat-loaded]'); if (existingScript) { console.log("felmatタグは既に読み込まれています"); return; } // felmat成果計測タグを動的に読み込む const script = document.createElement('script'); script.type = 'text/javascript'; script.src = `https://js.felmat.net/fmcv.js?adid=T9328N&uqid=${encodeURIComponent(orderId)}`; script.setAttribute('data-felmat-loaded', 'true'); script.onload = () => { console.log('🚀 felmat成果計測タグ読み込み完了 (orderId: ' + orderId + ')'); }; script.onerror = (error) => { console.error('❌ felmat成果計測タグ読み込みエラー:', error); }; if (document.body) { document.body.appendChild(script); } else { document.head.appendChild(script); } console.log('🚀 felmat成果計測タグをDOMに追加 (orderId: ' + orderId + ')'); } catch (error) { console.error('felmat成果計測タグ発火エラー:', error); } } // fingのCVタグを発火する関数 function fireFingConversion(orderId) { try { // 既にfingタグが読み込まれているかチェック(重複防止) const existingScript = document.querySelector('script[src*="cvib2.js"][data-fing-loaded]'); if (existingScript) { console.log("fingタグは既に読み込まれています"); return; } // fing成果計測タグを動的に読み込む const script = document.createElement('script'); script.type = 'text/javascript'; script.language = 'javascript'; script.src = 'https://ad-fam.com/ad/js/cvib2.js'; script.setAttribute('data-fing-loaded', 'true'); script.onload = () => { console.log('🚀 fing成果計測タグ読み込み完了 (orderId: ' + orderId + ')'); // cvib2.js読み込み後にCV発火 if (typeof FAMAD_CV !== 'undefined' && FAMAD_CV.cv) { try { FAMAD_CV.cv(FAMAD_CV.CV_XUID_KEY, 'https://ad-fam.com/ad', '_buyer=1247&_buid=' + encodeURIComponent(orderId)); console.log('🚀 fing CV発火完了 (orderId: ' + orderId + ')'); } catch (cvError) { console.error('❌ fing CV発火エラー:', cvError); } } else { console.error('❌ FAMAD_CVが利用できません'); } }; script.onerror = (error) => { console.error('❌ fing成果計測タグ読み込みエラー:', error); }; if (document.body) { document.body.appendChild(script); } else { document.head.appendChild(script); } console.log('🚀 fing成果計測タグをDOMに追加 (orderId: ' + orderId + ')'); } catch (error) { console.error('fing成果計測タグ発火エラー:', error); } } if (aqur_chatform) { const checkUpsellInterval = setInterval(() => { let isUpsell = localStorage.getItem('upsell_submit'); let isUpsellThankPage = Array.from(document.querySelectorAll("b")) .find(el => el.textContent.trim().includes("ご注文ありがとうございました。")); if (isUpsell == "true" && isUpsellThankPage) { const orderId = new URLSearchParams(window.location.search).get('orderId'); console.log('Upsell Thank Page') if (orderId) { let param6 = { event: "chatform_bindUpsellConversion", order_id: orderId } window.parent.postMessage(param6, "*") let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 4 } window.parent.postMessage(param, "*") localStorage.removeItem("upsell_submit"); track(aqur_chatform, "order_id_Upsell", orderId, "Upsell_Completed") clearInterval(checkUpsellInterval); } } }, 3000); errorCheckLUTEIN() // if (location.pathname == "/auth/thanks/" || location.pathname == "/auth/sp/thanks/") { var completeExe = () => { var completeInterval = setInterval(function () { console.log("completeInterval") let isThankPage = Array.from(document.querySelectorAll("b")) .find(el => el.textContent.trim().includes("ご注文ありがとうございました。")); const orderId = new URLSearchParams(window.location.search).get('orderId'); if (isThankPage || orderId) { clearInterval(completeInterval); let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 4 } window.parent.postMessage(param, "*") let isUpsell = localStorage.getItem('upsell_submit'); if (isUpsell == "true") { console.log('Upsell Thank Page') if (orderId) { let param6 = { event: "chatform_bindUpsellConversion", order_id: orderId } window.parent.postMessage(param6, "*") let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 4 } window.parent.postMessage(param, "*") localStorage.removeItem("upsell_submit"); localStorage.removeItem("aqur-lutein") track(aqur_chatform, "order_id_Upsell", orderId, "Upsell_Completed") } else { let param6 = { event: "chatform_bindUpsellConversion", order_id: "ご注文いただきましてありがとうございました。" } window.parent.postMessage(param6, "*") let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 4 } window.parent.postMessage(param, "*") track(aqur_chatform) } } else { console.log("Thank Page") if (orderId) { let param2 = { event: "chatform_bindFormConversion", order_id: orderId } window.parent.postMessage(param2, "*") track(aqur_chatform, "order_id", orderId); // felmat成果計測タグを発火(成果識別子: orderId) fireFelmatConversion(orderId); // fingのCVタグを発火(成果識別子: orderId) fireFingConversion(orderId); } else { let param2 = { event: "chatform_bindFormConversion", order_id: "ご注文いただきましてありがとうございました。" } window.parent.postMessage(param2, "*") track(aqur_chatform) } } } else { console.log("order_id not found") } }, 100); } completeExe() } } else { console.log("No Chatform") } async function errorCheckLUTEIN() { console.log("ERRROR CHECK !!!") await new Promise(resolve => setTimeout(resolve, 2000)); const errorContents = document.querySelectorAll('.compo-form-message--error'); // added const errorContents2 = document.querySelectorAll('.compo-form-message--error p'); const errorContents3 = document.querySelectorAll('.error-reason'); if (errorContents.length > 0 || errorContents2.length > 0 || errorContents3.length > 0) { let errorText = []; // LP if (errorContents.length > 0) { errorText.push( ...Array.from(errorContents) .map(el => el.textContent.trim()) .filter(msg => msg !== '') ); } // Credit Card Error Page if (errorContents2.length > 0) { errorText.push( ...Array.from(errorContents2) .map(el => el.textContent.trim()) .filter(msg => msg !== '') ); } if (errorContents3.length > 0) { errorText.push( ...Array.from(errorContents3) .map(el => el.textContent.trim()) .filter(msg => msg !== '') ); } if (errorText.length > 0) { console.log("errorText Check => ", errorText) const param = { event: "chatform_bindFormErrorFound", text: errorText.join(',') + ',\nお問い合わせは下記番号までお電話ください。\n0120-829-574(受付時間:平日10時〜17時)', }; window.parent.postMessage(param, '*'); } if (errorContents2.length > 0) { document.querySelector('#ctl00_ContentPlaceHolder1_aGoBack').click(); } // Clear error messages from DOM [...errorContents, ...errorContents3].forEach(el => { el.textContent = ''; }); setTimeout(() => { window.parent.postMessage({ event: "tryReset" }, "*"); }, 2000); } } window.addEventListener("message", async (event) => { //console.log("window message") //aqurBindidng if (event.data.event == "setLastName") { window.aqur.fillInput('input[name="last_name"]', event.data.value) } if (event.data.event == "setFirstName") { window.aqur.fillInput('input[name="first_name"]', event.data.value) } if (event.data.event == "setLastNameKana") { window.aqur.fillInput('input[name="last_kana"]', event.data.value) } if (event.data.event == "setFirstNameKana") { window.aqur.fillInput('input[name="first_kana"]', event.data.value) } if (event.data.event == "setTel") { var value = event.data.value.replaceAll(/-/g, ''); // Check if the phone number is mobile function classifyJapanesePhone(phoneNumber) { // ハイフンやスペースを除去 const normalized = phoneNumber.replace(/[-\s]/g, ''); // 携帯電話: 070 / 080 / 090 / 060 で始まり、11桁 if (/^(070|080|090|060)\d{8}$/.test(normalized)) { return "mobile"; } // 固定電話: 0から始まり 10桁 (地域番号 + 市内局番 + 加入者番号) // 例: 03xxxx xxxx, 06xxxx xxxx, 052xxx xxxx など if (/^0\d{9}$/.test(normalized)) { return "home"; } return "invalid"; // どちらにも当てはまらない } const phoneType = classifyJapanesePhone(value); const isMobile = phoneType === "mobile"; window.aqur.fillInput('input[name="tel"]', value) // Fill password with last 8 digits of telephone number var passwordValue = value.slice(-8); window.aqur.fillInput('input[name="password"]', passwordValue) if (isMobile) { window.aqur.fillInput('input[name="email"]', 'dummy' + value + "@wakan.shop") } } if (event.data.event == "setPostalCode") { var value = event.data.value.replaceAll(/-/g, ''); window.aqur.fillInput('input[name="zipcode"]', value) } if (event.data.event == "setPref") { window.aqur.chooseSelectBoxLabel('select[name="pref"]', event.data.value) } if (event.data.event == "setCity") { window.aqur.fillInput('input[name="order_address1"]', event.data.value) } if (event.data.event == "setStreet") { const currentValue = document.querySelector('input[name="order_address2"]').value; const buildingValue = currentValue.split(' ')[1] || ''; window.aqur.fillInput('input[name="order_address2"]', `${event.data.value} ${buildingValue}`.trim()) } if (event.data.event == "setBuilding") { const currentValue = document.querySelector('input[name="order_address2"]').value; const streetValue = currentValue.split(' ')[0] || ''; window.aqur.fillInput('input[name="order_address2"]', `${streetValue} ${event.data.value}`.trim()) } if (event.data.event == "setGender") { window.aqur.chooseRadioButton('[name="sex"]', event.data.value) } if (event.data.event == "setBirthdayYear") { window.aqur.chooseSelectBox('select[name="birthday_yyyy"]', event.data.value) } if (event.data.event == "setBirthdayMonth") { window.aqur.chooseSelectBox('select[name="birthday_mm"]', event.data.value) } if (event.data.event == "setBirthdayDay") { window.aqur.chooseSelectBox('select[name="birthday_dd"]', event.data.value) } if (event.data.event == "setEmail") { window.useUserEmail = true; window.aqur.fillInput('input[name="email"]', event.data.value) } if (event.data.event == "setPassword") { // window.aqur.fillInput('input[name="password"]', event.data.value) } if (event.data.event == "setPaymentMethod") { let paymentValue = event.data.value == "K10" ? "5" : event.data.value == "K32" ? "30" : "" if (paymentValue) { window.aqur.chooseRadioButton('input[name="payment_method"]', paymentValue) window.aqur.PaymentMethod = event.data.value; } else { console.error('PaymentMethod not found.'); } } if (event.data.event == "setCardNumber") { window.aqur.fillInput('input[name="cardnumber"]', event.data.value) } if (event.data.event == "setCardExpirationYear") { window.aqur.chooseSelectBox('select[name="expyy"]', event.data.value) } if (event.data.event == "setCardExpirationMonth") { window.aqur.chooseSelectBox('select[name="expmm"]', event.data.value > 9 ? event.data.value : `0${event.data.value}`) } if (event.data.event == "setCardHolderName") { // window.aqur.fillInput('input[name=""]', event.data.value) } //フロント商品購入確定ボタン押下 if (event.data.event == "chatform_bindFormSubmit_LUTEIN") { const submitButton = Array.from(document.querySelectorAll('.set-align-c .btn-cart-decision')) .find(el => el.textContent.trim() === '利用規約に同意して次へ') if (submitButton !== null) { submitButton.click(); let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 1 } window.parent.postMessage(param, "*") await new Promise(resolve => setTimeout(resolve, 5000)); var submitInterval = setInterval(function () { //console.log("try clicking confirm") const submitButton = Array.from(document.querySelectorAll('.btn-cart-decision')) .find(el => el.textContent.trim() === '注文を確定する') if (submitButton) { // console.log("submitButton clicked") clearInterval(submitInterval); submitButton.click(); let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 2 } window.parent.postMessage(param, "*") } }, 1000); await new Promise(resolve => setTimeout(resolve, 2000)); errorCheckLUTEIN() } else { console.error('Element with ID ".__send" not found.'); } errorCheckLUTEIN() } //アップセル変更ボタン押下 if (event.data.event == "chatform_bindFormUpsellComplete") { console.log("chatform_bindFormUpsellComplete") const UpsellButton = document.querySelector('.request-offer input[type="image"]'); localStorage.setItem("upsell_submit", "true"); if (UpsellButton !== null) { let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 1 } window.parent.postMessage(param, "*") UpsellButton.click(); await new Promise(resolve => setTimeout(resolve, 3000)); if (document.querySelector('.btn-cart-decision')) { // SP setTimeout(function () { var submitInterval = setInterval(function () { //console.log("try clicking confirm") const submitButton = Array.from(document.querySelectorAll('.btn-cart-decision')) .find(el => el.textContent.trim() === '注文を確定する') if (submitButton) { console.log("submitButton clicked") clearInterval(submitInterval); submitButton.click(); } }, 100); }, 3000); } await new Promise(resolve => setTimeout(resolve, 2000)); errorCheckLUTEIN() // btn-cart-decision } else { console.error('UpsellButton not found.'); } } //クロスセル変更ボタン押下 if (event.data.event == "chatform_bindFormxsellComplete") { //console.log("chatform_bindFormxsellComplete") document.querySelector('#isOptin1').checked = true; const XsellButton = document.querySelector('#memberSaveButton_disp'); if (XsellButton !== null) { let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 1 } window.parent.postMessage(param, "*") XsellButton.click(); } else { console.error('Element with ID ".__send" not found.'); } } }) setTimeout(() => { if (!window.aqur) { window.aqur = {}; } window.aqur.fillInput = (selector, value) => { const inputElement = document.querySelector(selector); if (inputElement) { inputElement.value = value; var event = new Event('input', { bubbles: true, cancelable: true }); inputElement.dispatchEvent(event); inputElement.scrollIntoView(); } }; window.aqur.chooseRadioButton = (radioSelector, value) => { const radioButton = document.querySelector(`${radioSelector}[value='${value}']`); if (radioButton) { radioButton.checked = true; let event = new Event('change', { bubbles: true, composed: true }) radioButton.dispatchEvent(event); } }; window.aqur.chooseSelectBox = (selectBoxSelector, value, useOptionVal = true) => { let option = "" if (useOptionVal) { option = document.querySelector(`${selectBoxSelector} option[value='${value}']`); } else { option = document.querySelector(`${selectBoxSelector} option[label='${value}']`); } const selectElement = document.querySelector(`${selectBoxSelector}`); if (option && selectElement) { option.selected = true; const event = new Event('change', { bubbles: true, composed: true }) selectElement.dispatchEvent(event); } }; window.aqur.chooseSelectBoxLabel = (selectBoxSelector, label) => { const selectElement = document.querySelector(selectBoxSelector); var option; if (selectElement) { option = Array.from(selectElement.options).find( opt => opt.textContent.trim() === label ); } if (option) { option.selected = true; const event = new Event('change', { bubbles: true, composed: true }); selectElement.dispatchEvent(event); } }; }, 1000); } setTimeout(take, 0); }())