var dataSetting_WMHUvDv91658229618 = '{"id":15,"bot_id":60,"name":"\u79d2\u7d4c\u904e\u3067\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a","category_id":0,"position":1,"js_code":"wm-popup\/WMHUvDv91658229618.js","view":"after_open_page","after_open_page":20,"location":{"seconds":1,"type":"before"},"url_image":"https:\/\/staging.lme.jp\/msg_template\/media\/images\/3\/60\/popup\/1658229618hKSeUn.png","is_show_text":1,"text_color":"#F44336","background_color":"#FFFFFF","text":"\u79d2\u7d4c\u904e\u3067\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a","is_show_icon":1,"is_setting_end_point_user_click":"url","url_end_point":"https:\/\/gstatic.com\/generate_204","landing_id_end_point":null,"is_use_count_down_timer":1,"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":"2022-07-19","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":"unlimited","count_day_later":1,"created_at":"2022-07-19 20:20:19","updated_at":"2022-07-19 20:20:19","plan":1,"app_url":"https:\/\/staging.lme.jp\/"}';
var popup_hash_code_WMHUvDv91658229618 = "WMHUvDv91658229618";
document.write(``);
document.write(``);
var initPopup_WMHUvDv91658229618 = 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_WMHUvDv91658229618}`;
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_WMHUvDv91658229618}`)
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;
setting_end_point_user_click_target = '_blank'
}
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'){
countDownDate = 1000*60*parseInt(display_popup_duration.minute) +1000*60*60*parseInt(display_popup_duration.hour);
}
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_WMHUvDv91658229618);
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 = 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('beforeunload', function(e) {
// if(count_change_tab == 0 && !dispay_popup_close_page){
// is_wm_modal_popup = false;
// init_pop_up()
// dispay_popup_close_page = true;
// }
// e.preventDefault();
// return "sdsds？";
// });
// window.addEventListener('beforeunload', function(e) {
// e.preventDefault();
// return "本当にページを終了しますか？";
// });
// window.addEventListener("beforeunload", function (event) {
// event.preventDefault();
// if (!dispay_popup_close_page) {
// is_wm_modal_popup = false;
// init_pop_up()
// dispay_popup_close_page = true;
// }
// event.returnValue = "本当にページを終了しますか？";
// return "本当にページを終了しますか？";
// });
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_WMHUvDv91658229618}`).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_WMHUvDv91658229618/g, popup_hash_code_WMHUvDv91658229618));
let btn_close = document.getElementById('close-'+popup_hash_code_WMHUvDv91658229618);
let c_img = document.getElementById('cimg-'+popup_hash_code_WMHUvDv91658229618);
let c_text = document.getElementById('ctext-'+popup_hash_code_WMHUvDv91658229618);
btn_close.onclick = function (){
document.getElementById(popup_hash_code_WMHUvDv91658229618).style.display = 'none';
}
let count_click = 0;
c_img.onclick = function (){
count_click++;
getSrcImage.setAttribute('src', image_map+'?action=1&click='+count_click);
}
c_text.onclick = function (){
count_click++;
getSrcImage.setAttribute('src', image_map+'?action=1&click='+count_click);
}
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_WMHUvDv91658229618).style.display = 'block';
getSrcImage.setAttribute('src', image_map + '?action=2');
countdown_time_limit_milli = new Date().getTime() + getCountDown();
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_WMHUvDv91658229618, 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_WMHUvDv91658229618, 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();
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_WMHUvDv91658229618).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_WMHUvDv91658229618+'-countdown-timer').innerHTML = `${daysleft}日 ${hoursleft}:${str}`;
}
}
initPopup_WMHUvDv91658229618(JSON.parse(dataSetting_WMHUvDv91658229618));