var dataSetting_WM1nrJDJ1685675171 = '{"id":66,"bot_id":33,"name":"\u30d6\u30ed\u30b0_\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u6d41\u5165(\u7d4c\u904e\u6642\u9593)","category_id":1255,"position":1,"js_code":"wm-popup\/WM1nrJDJ1685675171.js","view":"after_open_page","after_open_page":30,"location":{"seconds":1,"type":"after"},"url_image":"https:\/\/go.lmes.jp\/msg_template\/media\/images\/57\/33\/popup\/1687742303GBTkp6.png","is_show_text":0,"text_color":"#000000","background_color":"#FFFFFF","text":"30","is_show_icon":0,"is_setting_end_point_user_click":"qr_code","url_end_point":null,"landing_id_end_point":489,"is_use_count_down_timer":0,"text_color_count_down":"#F44336","background_color_count_down":"#FFFFFF","text_count_down":"\u7d42\u4e86\u307e\u3067","type_view_count_down":"display_popup_a_day","display_popup_date_time":{"date":"2023-06-02","time":"08:00"},"display_popup_duration":{"hour":0,"minute":1},"unit_count_down":"millisecond","after_count_down_display_popup":"0","smart_phone_display_popup":1,"tablet_display_popup":1,"pc_display_popup":1,"impressions":"count_day_later","count_day_later":1,"created_at":"2023-06-02 12:06:11","updated_at":"2023-12-01 16:47:28","plan":1,"app_url":"https:\/\/go.lmes.jp\/","link_qr_code":"https:\/\/go.lmes.jp\/landing-qr\/1655186638-yQwEGjRz?uLand=PRcTix"}'; var popup_hash_code_WM1nrJDJ1685675171 = "WM1nrJDJ1685675171"; var newEle = document.createElement("div"); newEle.setAttribute("id", "scrollTo"+popup_hash_code_WM1nrJDJ1685675171); document.querySelector('script[src$="WM1nrJDJ1685675171.js"]').insertAdjacentElement("afterend", newEle); var pimage = ``; document.body.insertAdjacentHTML("afterbegin", pimage); function getMobileOS() { const ua = navigator.userAgent if (/android/i.test(ua)) { return "Android" } else if (/iPad|iPhone|iPod/.test(ua)){ return "iOS" } return "Other" } var initPopup_WM1nrJDJ1685675171 = function(data){ console.log(data); let url_redirect = '#'; let setting_end_point_user_click_target = '_self'; let popup_name_setting = `popup_modal_open_${popup_hash_code_WM1nrJDJ1685675171}`; let app_url = data.app_url; let image_map = app_url; let url_image = app_url; if(app_url[app_url-1] == ''){ image_map = image_map+'/'; }else{ url_image = url_image.substr(0, url_image.length-1); } image_map = image_map + 'r-popup/'+data.id; let id = data.id; let bot_plan = data.plan == 1 ? '' : 'Powered by L Message'; let view = data.view; let after_open_page = data.after_open_page; let location = data.location; url_image = data.url_image; let is_show_text = data.is_show_text ? '' : 'display: none;'; let is_show_icon = data.is_show_icon ? '
': ''; let show_footer = (data.is_show_text || data.is_show_icon) ? '' : 'display: none'; let text_color = `color: ${data.text_color}`; let background_color = `background-color: ${data.background_color}`; let style_footer = background_color+';'+ show_footer let text = data.text ? data.text : ''; let is_setting_end_point_user_click = data.is_setting_end_point_user_click; let url_end_point = data.url_end_point; let link_qr_code = data.link_qr_code; let is_use_count_down_timer = data.is_use_count_down_timer ? 'display: block' : 'display: none'; let text_color_count_down = `color: ${data.text_color_count_down}`; let background_color_count_down = `background-color: ${data.background_color_count_down}`; let text_count_down = data.text_count_down ? data.text_count_down : ''; let type_view_count_down = data.type_view_count_down; let display_popup_date_time = data.display_popup_date_time; let display_popup_duration = data.display_popup_duration; let unit_count_down = data.unit_count_down; let after_count_down_display_popup = data.after_count_down_display_popup ? data.after_count_down_display_popup : 0; let smart_phone_display_popup = data.smart_phone_display_popup; let tablet_display_popup = data.tablet_display_popup; let pc_display_popup = data.pc_display_popup; let impressions = data.impressions; let count_day_later = data.count_day_later ? data.count_day_later : 1; let class_url_default = ''; if (url_redirect == '#') { class_url_default = 'wm_no_url' } count_day_later = parseInt(count_day_later); var getSrcImage = document.getElementById(`pimage${popup_hash_code_WM1nrJDJ1685675171}`) if (is_setting_end_point_user_click == 'url') { url_redirect = url_end_point; setting_end_point_user_click_target = '_blank' } if (is_setting_end_point_user_click == 'qr_code') { url_redirect = link_qr_code + '&popup_id=' + data.id; if(getMobileOS() == 'Android'){ setting_end_point_user_click_target = '_blank'; }else{ setting_end_point_user_click_target = '_self'; } } let currentFullDate = function (last_date) { let date = new Date(last_date); var month = '' + (date.getMonth() + 1), day = '' + date.getDate(), year = date.getFullYear(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; return [year, month, day].join('-'); } let getCountDown = function (){ let countDownDate = 0; if(type_view_count_down === 'display_popup_a_day'){ let last_date = new Date() last_date.setDate(new Date().getDate() + 1) last_date = currentFullDate(last_date) countDownDate = new Date(last_date+'T'+'00:00').getTime() - new Date().getTime(); }else if(type_view_count_down === 'display_popup_date_time'){ countDownDate = new Date(display_popup_date_time.date+'T'+display_popup_date_time.time).getTime() - new Date().getTime(); countDownDate = (countDownDate > 0) ? countDownDate : 0; }else if(type_view_count_down === 'display_popup_duration'){ var countDownDateCookie = getCookie('countDownDateCookie_' + popup_hash_code_WM1nrJDJ1685675171); var minuteCookie = getCookie('minuteCookie_' + popup_hash_code_WM1nrJDJ1685675171); var hourCookie = getCookie('hourCookie_' + popup_hash_code_WM1nrJDJ1685675171); var startTime; var minute; var hour; var isChange = 0; console.log('data test', display_popup_duration,minuteCookie,hourCookie); if(minuteCookie ){ if(display_popup_duration.minute != minuteCookie){ console.log('change minute'); isChange = 1; minute = display_popup_duration.minute; }else{ minute = minuteCookie; } }else{ minute = display_popup_duration.minute; } if(hourCookie){ if(display_popup_duration.hour != hourCookie){ console.log('change house'); isChange = 1; hour = display_popup_duration.hour; }else{ hour = hourCookie; } }else{ hour = display_popup_duration.hour; } setCookie('minuteCookie_' + popup_hash_code_WM1nrJDJ1685675171, minute, 100); setCookie('hourCookie_' + popup_hash_code_WM1nrJDJ1685675171, hour, 100); console.log('isChange=', isChange,hour,minute); if (countDownDateCookie && isChange == 0) { startTime = countDownDateCookie; } else { startTime = new Date().getTime() + 1000*60*parseInt(minute) + 1000*60*60*parseInt(hour); setCookie('countDownDateCookie_' + popup_hash_code_WM1nrJDJ1685675171, startTime, 100); } countDownDate = startTime - new Date().getTime(); // countDownDate = 1000*60*parseInt(display_popup_duration.minute) +1000*60*60*parseInt(display_popup_duration.hour); } console.log('countDownDate= ',countDownDate); return countDownDate; } let wm_modal_popup; let is_wm_modal_popup = false; let countdown_time_limit_milli = new Date().getTime() + getCountDown(); let popup_modal_open = localStorage.getItem(popup_name_setting); let count_popup_modal_open = localStorage.getItem('count_'+popup_hash_code_WM1nrJDJ1685675171); let isDisplayPopupImpression = true; if(impressions == 'once'){ console.log('impressions == \'once\'') if(count_popup_modal_open > 0){ console.log('count_popup_modal_open > 0') isDisplayPopupImpression = false; } }else if(impressions == 'count_day_later'){ console.log('impressions == \'count_day_later\'') if(popup_modal_open){ if(new Date().getTime() > (parseInt(popup_modal_open) + (count_day_later*24*60*60*1000))){ isDisplayPopupImpression = true; }else{ isDisplayPopupImpression = false; } } } if (popup_modal_open != null) { console.log('popup_modal_open != null'); if (!isDisplayPopupImpression) { console.log('isDisplayPopupImpression true'); is_wm_modal_popup = true; } } let hash_changed = false; window.addEventListener('hashchange', function (e) { hash_changed = true; }); let showPopupBySetting = () => { console.log(view); let time_start_load_page = new Date().getTime(); if (view == 'close_page') { if (is_wm_modal_popup == false) { console.log('push state'); history.pushState(null, null, null); } document.activeElement let count_change_tab = 0; let dispay_popup_close_page = false; is_wm_modal_popup = true; popupInsertAdjacentHTML(0); document.addEventListener("visibilitychange", function (e) { if (document.hidden) { count_change_tab++; if (count_change_tab == 1 && !dispay_popup_close_page && isDisplayPopupImpression) { is_wm_modal_popup = false; init_pop_up(); dispay_popup_close_page = true; } } }); window.addEventListener('blur', function (e) { e.preventDefault(); if (!dispay_popup_close_page && isDisplayPopupImpression) { is_wm_modal_popup = false; init_pop_up() dispay_popup_close_page = true; } }); window.addEventListener('popstate', function (e) { console.log('hash_changed ', hash_changed) e.preventDefault(); setTimeout(function () { if (hash_changed == false) { if (!dispay_popup_close_page && isDisplayPopupImpression) { is_wm_modal_popup = false; init_pop_up() dispay_popup_close_page = true; } } else { hash_changed = false; } }, 100); }); }else if(view == 'after_open_page'){ popupInsertAdjacentHTML(parseInt(after_open_page) * 1000) }else if(view == 'location'){ let timeOutLocation = location.seconds ? location.seconds : 1; let scrollElement = 0; // location.type window.addEventListener('scroll', function(e) { let elmOfsetHeight = document.getElementById(`scrollTo${popup_hash_code_WM1nrJDJ1685675171}`).offsetTop let screenHeight = window.innerHeight; if((screenHeight + window.scrollY) >= elmOfsetHeight){ scrollElement++; console.log(scrollElement); if(scrollElement == 1){ if(location.type == 'after'){ popupInsertAdjacentHTML(timeOutLocation*1000); } if(location.type == 'before'){ if((time_start_load_page + timeOutLocation*1000) >= new Date().getTime()){ popupInsertAdjacentHTML(100); } } } } }) } } let popupInsertAdjacentHTML = (timeOut) => { console.log('append html to body') console.log('timeOut',timeOut); let popup_html = ` ` document.body.insertAdjacentHTML("afterbegin",popup_html.replace(/popup_hash_code_WM1nrJDJ1685675171/g, popup_hash_code_WM1nrJDJ1685675171)); let btn_close = document.getElementById('close-'+popup_hash_code_WM1nrJDJ1685675171); let c_img = document.getElementById('cimg-'+popup_hash_code_WM1nrJDJ1685675171); let c_text = document.getElementById('ctext-'+popup_hash_code_WM1nrJDJ1685675171); btn_close.onclick = function (){ document.getElementById(popup_hash_code_WM1nrJDJ1685675171).style.display = 'none'; } let count_click = 0; c_img.addEventListener("click",function (){ count_click++; getSrcImage.setAttribute('src', image_map+'?action=1&click='+count_click+'&version='+ new Date().getTime()); if(getMobileOS() == 'Android'){ window.open(url_redirect, '_blank'); }else{ window.location.href = url_redirect; } }); c_text.addEventListener("click", function (){ count_click++; getSrcImage.setAttribute('src', image_map+'?action=1&click='+count_click+'&version='+ new Date().getTime()); if(getMobileOS() == 'Android'){ window.open(url_redirect, '_blank'); }else{ window.location.href = url_redirect; } }); setTimeout(function() { console.log('is_wm_modal_popup', is_wm_modal_popup); if (is_wm_modal_popup == false && isDisplayPopupImpression) { history.pushState(null, null, null); init_pop_up(); } console.log(timeOut) }, timeOut); } if (document.readyState == 'complete') { console.log('complete'); showPopupBySetting(); } else { console.log('load'); window.addEventListener('load', function () { console.log('end load'); showPopupBySetting(); }); } window.addEventListener('hashchange', function (e) { console.log('ssss'); }); let init_pop_up = function () { console.log('init_pop_up'); let active_elm = document.activeElement; wm_modal_popup = function () { console.log('wm_modal_popup with device') document.getElementById(popup_hash_code_WM1nrJDJ1685675171).style.display = 'block'; getSrcImage.setAttribute('src', image_map + '?action=2'); countdown_time_limit_milli = new Date().getTime() + getCountDown(); console.log('init_pop_up countdown_time_limit_milli = ', countdown_time_limit_milli); if (is_wm_modal_popup == false) { is_wm_modal_popup = true; console.log('count_popup_modal_open', count_popup_modal_open); if(count_popup_modal_open == null){ console.log('sss1'); localStorage.setItem('count_'+popup_hash_code_WM1nrJDJ1685675171, 1); }else{ console.log('sss2'); count_popup_modal_open = parseInt(count_popup_modal_open); count_popup_modal_open++; console.log(count_popup_modal_open); localStorage.setItem('count_'+popup_hash_code_WM1nrJDJ1685675171, count_popup_modal_open); } if(!popup_modal_open){ localStorage.setItem(popup_name_setting, Date.now()); } wm_countdown_time_limit(); setInterval(function() { wm_countdown_time_limit(); }, 10); } }; let displayPopupDevice = function (){ if (active_elm.tagName == document.activeElement.tagName) { console.log('setup popup'); wm_modal_popup(); } active_elm = document.activeElement; } if (!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/i) && pc_display_popup == 1) { displayPopupDevice(); } if (navigator.userAgent.match(/(iPad|iPod)/i) && tablet_display_popup == 1) { displayPopupDevice(); } if (navigator.userAgent.match(/(iPhone|Android)/i) && smart_phone_display_popup == 1) { displayPopupDevice(); } }; let wm_countdown_time_limit = function() {}; wm_countdown_time_limit = function() { let time_diff_milli = countdown_time_limit_milli - new Date().getTime(); // console.log('time_diff_milli=' , time_diff_milli); // console.log('TimeNow' , new Date().getTime()); let daysleft,hoursleft,minutesleft, secondsleft, milliSecondsleft; if(time_diff_milli <= 0) { daysleft = 0; hoursleft = 0; minutesleft = 0; secondsleft = 0; milliSecondsleft = 0; if(after_count_down_display_popup == 0){ document.getElementById(popup_hash_code_WM1nrJDJ1685675171).style.display = 'none'; } } else { daysleft = Math.floor(time_diff_milli / (1000 * 60 * 60 * 24)); hoursleft = Math.floor((time_diff_milli % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); minutesleft = Math.floor((time_diff_milli % (1000 * 60 * 60)) / (1000 * 60)); secondsleft = Math.floor((time_diff_milli % (1000 * 60)) / 1000); milliSecondsleft = Math.floor(time_diff_milli%100); } hoursleft = hoursleft < 10 ? "0" + hoursleft : hoursleft; minutesleft = minutesleft < 10 ? "0" + minutesleft : minutesleft; secondsleft = secondsleft < 10 ? "0" + secondsleft : secondsleft; milliSecondsleft = milliSecondsleft < 10 ? "0" + milliSecondsleft : milliSecondsleft; let str = ''; if(unit_count_down == 'millisecond'){ str = `${minutesleft}:${secondsleft}.${milliSecondsleft}`; }else if(unit_count_down == 'minute'){ str = `${minutesleft}`; }else{ str = `${minutesleft}:${secondsleft}`; } document.getElementById(popup_hash_code_WM1nrJDJ1685675171+'-countdown-timer').innerHTML = `${daysleft}日 ${hoursleft}:${str}`; } } initPopup_WM1nrJDJ1685675171(JSON.parse(dataSetting_WM1nrJDJ1685675171)); function getCookie(name) { var nameEQ = name + "=" var ca = document.cookie.split(';') for(var i=0;i < ca.length;i++) { var c = ca[i] while (c.charAt(0)==' ') c = c.substring(1,c.length) if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length) } return null } function setCookie(key, value, expiry) { var expires = new Date(); expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000)); document.cookie = key + '=' + value + ';expires=' + expires.toUTCString() ; }