sequemini? Spectate apud ET Style’s ...">
,需要通过父级DOM结构来判断
*/
var trackActionPhone = function (node) {
var nodeInnerText = node.innerText || '';
if (!limitRegLength(nodeInnerText)) return;
var nodeText = trimText(nodeInnerText);
if (nodeText.length < 5 || nodeText.length > 20) return false;
var type =
arguments.length > 1 && arguments[1] !== undefined
? arguments[1]
: 'click';
var str = trimText(node.href || node.innerHTML || '');
if (phoneReg.test(str) && numUseReg.test(str)) {
_paq.push(['trackEvent', type, 'phone', nodeText]);
return true;
}
/** 排查父级嵌套非标签场景,并且对dom的正则校验做一个性能兜底,通过控制innerText的长度,来确保正则的性能 */
var fatherText = trimText(node.parentNode.innerText || '');
if (fatherText.length < 5 || fatherText.length > 20) return false;
var fatherDom = trimText(node.parentNode.innerHTML || '');
if (phoneReg.test(fatherDom) && numUseReg.test(fatherDom)) {
_paq.push(['trackEvent', type, 'phone', nodeText]);
return true;
}
return false;
};
window.addEventListener('click', function (e) {
var node = e.target;
/** 社媒点击 */
var appName = '';
var getAppAriaLabel =
node.ariaLabel || node.parentNode.ariaLabel || '';
if (mediaList.includes(getAppAriaLabel.toLowerCase())) {
appName = getAppAriaLabel;
}
if (
!appName &&
node.nodeName &&
node.nodeName.toLowerCase() === 'a'
) {
appName = getMediaName(node.href) || getMediaName(node.alt);
}
if (
!appName &&
node.nodeName &&
node.nodeName.toLowerCase() === 'img'
) {
appName = getMediaName(node.alt) || getMediaName(node.src);
}
if (
!appName &&
node.nodeName &&
node.nodeName.toLowerCase() === 'i'
) {
appName = getMediaName(node.className);
}
if (appName) {
_paq.push(['trackEvent', 'click', 'contactApp', appName]);
return;
}
/** 联系方式点击 */
if (trackActionPhone(node, 'click')) return;
if (node.nodeName && node.nodeName.toLowerCase() === 'a') {
var val = node.href;
if (!limitRegLength(val)) return;
if (emailReg.test(val)) {
_paq.push(['trackEvent', 'click', 'email', val]);
return;
}
}
if (node.nodeName && node.nodeName.toLowerCase() === 'i') {
var val = node.className;
var content = node.parentNode.href || '';
if (val.includes('email')) {
_paq.push(['trackEvent', 'click', 'email', content]);
return;
}
}
var nodeChildList = node.childNodes;
for (var i = 0; i < nodeChildList.length; i++) {
if (nodeChildList[i].nodeType !== 3) continue;
var val = nodeChildList[i].textContent.replace(/\s?:?/g, '');
if (!limitRegLength(val)) continue;
if (emailReg.test(val)) {
_paq.push(['trackEvent', 'click', 'email', val]);
return;
}
}
trackNumberData(node);
});
window.addEventListener('copy', function (e) {
if (trackActionPhone(e.target, 'copy')) return;
var text = e.target.textContent;
if (!text) return;
var val = text.replace(/\s:?/g, '');
if (!limitRegLength(val)) return;
if (emailReg.test(val)) {
_paq.push(['trackEvent', 'copy', 'email', val]);
return;
}
trackNumberData(e.target);
});
}
trackContactInit();
/**
* 基于custom_inquiry_form.js 以及 form.js 对于询盘表单提交的实现,来反推询盘表单的input标签触发,用来收集意向客户
* 1. 缓存的KEY:TRACK_INPUT_ID_MTM_00;
* 2. 缓存策略 - lockTrackInput:单个页面内,10分钟内,不重复上报
*/
function trackActionInput() {
const CACHE_KEY = 'TRACK_INPUT_ID_MTM_00';
const pathName = window.location.hostname + window.location.pathname;
var lockTrackInput = function () {
try {
const lastCacheData = localStorage.getItem(CACHE_KEY);
if (!lastCacheData) return false;
const cacheData = JSON.parse(lastCacheData);
const cacheTime = cacheData[pathName];
if (!cacheTime) return false;
return Date.now() - cacheTime < 1000 * 60 * 10; // 10分钟内,不重复上报
} catch (error) {
console.error('lockTrackInput Error', error);
return false;
}
};
var setInputTrackId = function () {
try {
const curCacheData = localStorage.getItem(CACHE_KEY);
if (curCacheData) {
const cacheData = JSON.parse(curCacheData);
cacheData[pathName] = Date.now();
localStorage.setItem(CACHE_KEY, JSON.stringify(cacheData));
return;
}
const cacheData = {
[pathName]: Date.now(),
};
localStorage.setItem(CACHE_KEY, JSON.stringify(cacheData));
} catch (error) {
console.error('setInputTrackId Error', error);
}
};
var getInputDom = function (initDom) {
var ele = initDom;
while (ele) {
/**
* isWebSiteForm 是站点的表单
* isChatWindowForm 是聊天窗口的表单
*/
/** 旧模板表单 */
var isWebSiteForm = !!(
/crm-form/i.test(ele.className) && ele.querySelector('form')
);
/** 1:新模板自定义表单、2:Get a Quote 弹框表单 */
var isWebSiteFormNew = !!(
/inquiry/i.test(ele.className) && ele.querySelector('form')
);
if (isWebSiteForm || isWebSiteFormNew) {
_paq.push(['trackEvent', 'formInquiry', 'formInput', 'page']);
setInputTrackId();
return;
}
/** Mkt会话触达-聊天弹框的表单输入: MKT由于是iframe嵌入,所以MKT的上报,会单独写到MKT-form代码上 */
var isInquiryChatForm = !!(
/comp-form/i.test(ele.className) && ele.querySelector('form')
);
if (isInquiryChatForm) {
_paq.push(['trackEvent', 'formInquiry', 'formInput', 'chat']);
setInputTrackId();
return;
}
/** 向上查找父节点 */
ele = ele.parentNode;
}
};
function initInputListener() {
var inputUseDebounce = function (fn, delay) {
var timer = null;
var that = this;
return function () {
var args = Array.prototype.slice.call(arguments);
if (timer) clearTimeout(timer);
timer = setTimeout(function () {
fn.apply(that, args);
}, delay);
};
};
var optimizeGetInputDom = inputUseDebounce(getInputDom, 300);
window.addEventListener('input', function (e) {
/** 如果已经上报过,则不再上报 */
if (lockTrackInput()) return;
optimizeGetInputDom(e.target);
});
}
try {
initInputListener();
} catch (error) {
console.log('initInputListener Error', error);
}
}
trackActionInput();
}
/** 第三方消息上报:目前主要是针对全点托管会话;在msgCollect/index.js中调试,访问test.html */
function thirdMsgCollect() {
/** 先检测是否是stayReal托管:如果stayReal脚本都没有,那么说明当前站点未开启stayReal会话托管 */
const scriptList = Array.prototype.slice.call(
document.querySelectorAll('script'),
);
const checkStayReal = () =>
!!scriptList.find((s) => s.src.includes('stayreal.xiaoman.cn'));
if (!checkStayReal()) return;
/** 缓存当前消息队列的最后一条消息id */
const CACHE_KEY = 'CACHE_KEY_MONITOR';
const setCache = (msgIndex) => {
/** 对缓存KEY进行base64转码处理 */
const cacheMsgIndex = btoa(msgIndex);
localStorage.setItem(CACHE_KEY, cacheMsgIndex);
};
const getCache = () => {
const cacheMsgIndex = localStorage.getItem(CACHE_KEY);
if (cacheMsgIndex) return Number(atob(cacheMsgIndex));
return -1;
};
/** 拉取最新msg列表 */
const pullMsgList = () => {
const msgEleList = Array.prototype.slice.call(
document.querySelectorAll('#chat-list li'),
);
const msgIds = [];
const msgMap = msgEleList.reduce((acc, item) => {
const sendTime = item
.querySelector('.message-data-time')
.textContent.trim();
const sendContent = item.querySelector('.message').textContent.trim();
/** msg带有class:other-message的是访客消息,my-message的是客服消息 */
const isOtherMessage = item
.querySelector('.message')
.classList.contains('other-message');
const msgId = item.querySelector('.message').getAttribute('id');
const msgItemData = {
msgId,
user: isOtherMessage ? 'visitor' : 'official',
time: sendTime,
content: sendContent,
};
msgIds.push(msgId);
acc[msgId] = msgItemData;
return acc;
}, {});
return {
ids: msgIds,
dataMap: msgMap,
};
};
/** 加密并上传消息数据 */
let ENCRYPT_KEY = 'de29f1aab63ab033';
let ENCRYPT_IV = 'b8d2badf875e76ac';
const baseUrl = 'https://cms.xiaoman.cn';
// var getEncryptConfig = function () {
// const url = baseUrl + '/shop-api/innerApi/getKeyIv'
// $.get(
// url,
// function (result) {
// console.log('result', result)
// if (Number(result.code) === 0 && result.data.key && result.data.iv) {
// ENCRYPT_KEY = result.data.key
// ENCRYPT_IV = result.data.iv
// uploadMsgData()
// } else {
// /** 如果获取失败,则重试 */
// setTimeout(() => {
// getEncryptConfig()
// }, 1000)
// }
// },
// 'json'
// )
// }
// getEncryptConfig()
const encryptMsg = function (msgData) {
const enc = new TextEncoder();
// 转字节
const keyBytes = enc.encode(ENCRYPT_KEY);
const ivBytes = enc.encode(ENCRYPT_IV);
const plainBytes = enc.encode(msgData);
// 导入密钥并加密
return crypto.subtle
.importKey('raw', keyBytes, { name: 'AES-CBC' }, false, ['encrypt'])
.then(function (cryptoKey) {
return crypto.subtle.encrypt(
{ name: 'AES-CBC', iv: ivBytes },
cryptoKey,
plainBytes,
);
})
.then(function (encryptedBuffer) {
// 转 base64 返回
return btoa(
String.fromCharCode(...new Uint8Array(encryptedBuffer)),
);
})
.catch((err) => {
return Promise.reject(err);
});
};
let uploadFlag = false;
const uploadMsgData = function () {
if (uploadFlag) return;
uploadFlag = true;
const { ids, dataMap } = pullMsgList();
let cacheMsgIndex = getCache();
const msgLen = ids.length;
if (!msgLen) {
// 消息DOM未挂载 || 消息DOM已挂载,但是消息列表为空
uploadFlag = false;
return;
}
if (msgLen - 1 < cacheMsgIndex) {
/** 针对站点挂后台一段时间,消息列表会自动塞入重复消息,导致消息有重复,刷新后又重置回正常消息列表,所以这里需要更新锚点下标 */
cacheMsgIndex = msgLen - 1;
setCache(cacheMsgIndex);
uploadFlag = false;
return;
}
if (msgLen - 1 === cacheMsgIndex) {
// 缓存的最后一次发送的消息ID是最后一条(说明当前消息均已经上报),则不跳过本地上报
uploadFlag = false;
return;
}
const currentMsgIds = ids.slice(cacheMsgIndex + 1, msgLen);
const currentMsgData = currentMsgIds.map((id) => dataMap[id]);
const mtmId = window.matomo_site_id_cookie_key || ''; // 获取mtm会话id
const msgBody = {
mtmId,
curl: window.location.href,
msgList: currentMsgData,
};
const msgBodyStr = JSON.stringify(msgBody);
encryptMsg(msgBodyStr)
.then(function (encryptedMsg) {
console.log('encryptedMsg:', encryptedMsg, msgBodyStr);
const url = baseUrl + '/shop-api/External/ListenSiteActiveStatus';
$.ajax({
type: 'POST',
url,
data: JSON.stringify({ d_v: encryptedMsg }),
contentType: 'application/json',
success: function (result) {
if (Number(result.code) === 0) {
// 更新消息队列
setCache(msgLen - 1);
}
uploadFlag = false;
},
error: function (err) {
console.error(err, '请求异常');
uploadFlag = false;
},
});
})
.catch((err) => {
console.error(err, '数据加密失败');
uploadFlag = false;
});
};
/** 监控chat-list的DOM变更 */
const initChatListObserver = () => {
// 需要监听的 DOM 节点
const target = document.getElementById('chat-list');
if (!target) return;
// 回调函数
const callback = function (mutationsList, observer) {
for (const mutation of mutationsList) {
console.log('mutation', mutation);
if (mutation.type === 'childList') {
uploadMsgData();
}
}
};
// 配置
const config = {
childList: true, // 监听子节点的增删
subtree: true, // 是否也监听后代节点
};
// 创建 observer
const observer = new MutationObserver(callback);
// 开始监听
observer.observe(target, config);
};
let testCount = 30;
let itv = null;
const checkChatDom = () => !!document.querySelector('#vc-model');
const initTalkCheck = () => {
itv = setTimeout(() => {
console.log('checkChatDom', checkChatDom(), testCount);
if (!checkChatDom() && testCount > 0) {
testCount--;
initTalkCheck();
return;
}
clearTimeout(itv);
uploadMsgData();
initChatListObserver();
}, 1500);
};
initTalkCheck();
}
try {
gtmTrack();
thirdMsgCollect();
console.log('inserted gtm code');
} catch (error) {
console.error('gtmTrack Error', error);
}
});
})();
Salvete pueri! Anne cum CDPH iter per mundum magicum domorum emptionum ? Vide excelsa inventa ex ET Style emenda durante Walmart Big Save Days pro ornamento domestico, machinis, mobiliario, stratis et furoribus electronicis — Prime Day. Intra in nostro emptionum domus et vide collectionem nostram elegantem ornamentum Domus partibus. Habemus omnia a mollioribus divanis et pulchris mensis cenantibus usque ad sedilia elegantis et modios alacres – omnia quae opus sunt ut domus tua velut domus videatur! Sive est cubiculum, atrium aut culina, CDPH habet tua dispositions et tendentias comprehensas. Cur ergo manere? Ite huc et invenite illud perfectum partem hodie ut domum tuam exornes! Quod proximum habemus in animo? Omnes optiones ornandi quae nos apud CDPH exspectant! Gementibus tapetibus, picturis parietariis mirabilibus, luminibus variegatis et ornamentis iocosis, omnia hic sunt ut tuum triclinium mereatur personalitatem. Utrum modernam vel bohemicam secteris, vel omnino alia ratione, omnibus aliquid est apud nos emptio domus . Itaque insilite et imaginationem vestram liberam effundite dum mirabilem nostram collectionem rerum domesticarum perlustratis. Numne pileum coquinarem habes? Atque tunc potissimum optimos apparatus et vasa coquendi circumspicere debes quae a CDPH offeruntur. Nos praebemus apparatus culinarius quod opus est ut domum quam mereris crees, cum frigida luxuosa quae plus servare et facile invenire permittit, cum furno qui cibum tuum velocius coquit temperie constante, et cum microondarum fornali qui ut culina omnia-in-uno prodest. Et ibi invenies optimos nostros apparatus coquinarios, vasa coquendi et ludicra culinaria ut praeparatio ciborum facilis sit et expedita. Cum nostris apparatus domesticis et vasibus coquinariis primae classis, mox rursus in culina eris! Post diem longum in horto domestico ambulandi, tempus est ut cum necessariis CDPH pro lecto et balneo quietis et relaxationis luxuria novum nivem attingas. Deliciae tibi apparebunt cum nova serie mollium et suavium linteaminum, pulvino crasso et cubili velleroso, ita ut lectus tuus velut nubes sentiatur. Et ne obliviscaris te indulgere tepidis nostris balnei, lacernis et ornamentis balnearibus, ut balneum tuum fiat sanctuarium instar thermae. Et cum nostris ornamenta lecti et balinei totam domum tuam operiri potes. Postremo, sed non minus importanti, circumspicimus in mundo instrumentorum et auxiliarium technologiae altissimae apud CDPH. Sive es in quaerenda technologia domus callidae, systematibus tuebundis domestici, novissimis machinis electronicis ad culinam sive optimis lucernis callidis, nova instrumenta callida infinitas optiones pulchras offerunt omnibus. Sive ludis, musicam facis, photographias capis, aut tantum rebus quae te iuvant tempus necare, habemus instrumenta ut experientia tua domestica sit velocior, leviore, iucundior et efficacior. Itaque vide nostras offertiones technologiae altissimae et para tuam domum ad gradum superiorem tollere! Domus praefabricata structura speciali aedificatur et bonam praebet resistentiam contra terremotos, ut domum tutam reddat. Designum modulare, facile transportabile et installabile, ad diversas formas et genera cubiculorum secundum personalia desideria ad usum accommodari potest. Omnia elementa ex materiis praefabricatis fiunt et simpliciter coniungi possunt, nullis artificum peritiis indigent. Utrum ad habitandum, ad officium, ad depositum, an ad alia usus destinetur, domus praefabricatae omnibus necessitatibus vestris satisfacere possunt. Species elegans, lineae tenues, et facultas ad personales voluntates accommodandi spatium habitandi unicum creare. Optimum autem est quod domus praefabricatae non necesse est in loco soldari, et etiam instructiones pro installatione praebemus, ut installatio facilior et celerior fiat. Fructum capite commodioris vitae, domos praefabricatas Chengdong eligite. Domus plicabilis ex modulis standardibus construitur, quae secundum postulationes vestrae domus emporii disponi possunt. Hoc permittit productionem in massa et domum vestram tutiorem, stabiliorem et fideliorem reddit. Praeterea spatium flexibiliter combinari potest ad diversos usus accommodandum, ut commodam vitam ubique et quocumque tempore experiaritis. Cito adfertur! Adfectatio et impacatio valde celeres sunt. Adepti sumus peritos impacatores qui, iuxta specificata vestra, domum plicabilem impacant, ut optima vobis producta adferantur. Omnem gradum processus adfectionis observabimus, ut res vestrae incolumiter ad destinatum locum perveniant. Est etiam optio commodissima: enim domus facile plicatur et sine ullis in loco soldaturis erigitur; praeterea instructiones pro erectione damus, ut installatio vestra facilius et celerius fiant. Si instructiones nostras sequimini, installare domum plicabilem simplex est. Apple cabin, forma unica, pulchra facies, ut domus tua magis personalis sit. Ab moderno et simplici usque ad vintage: offerimus latitudinem stylum et colorum quae aptentur ad gustus tuos. Beijing Chengdong se concentrat in necessitatibus usorum et potest ad mensuram fieri ad tuas speciales conditiones. Secundum tua propria desideria et requisita, mutare potes stilum domus tuae, distributionem, aquam et electricitatem, etc., ut domum perfectam, tibi unici, aedifices. Praefabricatio tuborum electricorum et hydraulicorum nos efficit vitare laboriosum processum mutationis tuborum postquam domus est in loco, quod augit efficaciam et qualitatem ornationis. Latissime eligere potes ex solutionibus interioris ornationis pro area habitandi, convivii, cubiculo, balneo, culina, et aliis. Apple House – Qualitas vivendi optimo modo! Explora fascinum unicum Apple House! Domum instruite, vitam tuam tutiorem et commodiorem effice! Omnes structurales partes in fabrica praefabricatae sunt. Cum dimensiones, dispositionem et stilum idoneos elegis, domum cito creare potes. Ex ratione clientis necessitatibus et praelectionibus, diversi moduli combinari possunt ad varias distributiones locorum creandas, ut culina, area vivendi et cubicula. Factor maximus est quod domus containeris quam utimur facile dissociari et iungi potest, structura stabilis, praestantia eximia ut impermeabilis, humidi resistentis, igni resistentis, et processus conlationis facilis et simplex ad operandum, necesse nullum technicum scientiam requirit. Pro vita privata, officina temporaria, conservatione aut aliis necessitatibus, domus praefabricatae ex containeribus ita formatae sunt ut tuis necessitatibus satisfaciant. Hodiernum accipe cellam ex containeribus et fruere minore impensarum et cultiori service. experientiam vitae tuae auge! CDPH artificia et varias vendunt aedes modularis, Prefab domus et villa domus. Proventus amplis efficit ut apta solutio ad singula castra machinatoria nos expediat.Emptio domus
Explore amplitum nostrum ornamenti domus ordinem.

Percurre noster delectus apparatus et culinaria instrumenta summae qualitatis.

Eme in nostris deliciosis stragulis et necessariis balinearum.

Explore nostram collectionem machinarum technologiae excelsae et auxiliorum.
Why choose CDPH
Emptio domus?
Novus advenil prefab domum
Princeps qualis tenens domum
Modern Style malum Cameram
Bonus Sales continens domum
Categories Producti Relatae
Non invenis quod quaeris?
Petere Citatio Nunc
Consulere nostros pro magis productis disponibilibus.Cum Nobis Contacata
27+ annos Usus
Engineering Castra Construction