quantum est domus modularis...">
,需要通过父级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);
}
});
})();
Sunt multae domorum species inter quas quisque eligere potest cum novam aedificium parat, item et CDPH's productum tale qualis quanti est domus modularis . Exemplum horum esset domus ex praefabricatis kitibus. Hoc articulus totus de domibus ex praefabricatis kitibus et cur vobis ut familiae huius commodum esse possit. Essentialem, domum ex praefabricato kit est genus domicilii quod in officina fabricatum est et ad terram tuam transportatum. Is aut illa dixit quod domicilia sint intra modulos, contra integratio unius partis in situ. Tunc, hi moduli perfecte coniunguntur in loco quo vis habitare. Unum ex magnis characteristicis eius est quod facile potes mutare kit in quamvis modum tibi placeat. Hoc permittit tibi eligere magnitudinem domus, ubi sint camarae in singulis floribus et quae coloris/finitiones nova domus tua erit. Hoc significat quod erit optio nimis subiectiva secundum stylum et requisita tua. Innumerabiles sunt rationes cur cum domo praefabricata pro proxima domo tua eligere fortasse sapientissimum iudicium unquam tuum sit, simul cum quid est domus modularis creatum a CDPH... Maximae causae huius sunt quod, comparatum ad domum communem, minus tempus sumit aedificare. Cum partes principales fabricentur extra locum, non est necesse de moris propter tempestatem aut similia sollicitari cum construuntur in officina. Stipes domus tuae potest componi in spatio temporis tam parvo quam duabus septimanis. Magna causa est quod domus praefabricae saepe amicabilius sunt naturae quam traditionales. Non solum haec minus energiam consumunt in communi (ita tu pecuniam economizas in rationibus electricitatis), Aliis, aedificare domum est arduum et complicatum opus, sed in veritate domus praefabricae omnia multo facilius reddunt, itemque CDPH's domus modularis cursus sapien . Postquam elegisti characteristicas et finitiones pro tua domo, solum paucas septimanas sumet omnibus rebus coniungendis in loco superiore. Hoc te propius movet ad migrandum in novam domum tuam et incipiendum vitam ibi quam celerrime. Cito poteris incipere memoriae facere in nova domo tua. Less Expensive: Domus praefabricata ex kit potest esse vilior quam domus vera, identica ad domus praefabricata sinica productum a CDPH. Aedificatio est etiam facilius et quoniam emptiones materiaeorum possunt fieri in bulk, tota summa posset esse minor. Quod est magnum pro familiis cum parvo budget. Et quia hae domus saepe aedificantur ut sint efficientiores energetice - Aedificator non praetermisit alia loca, itaque redditus super investitionem significat parvas mensuales rationes. Hoc significat habebis plus pecuniae in sacculo pro aliis factoribus voluptatis. Idea domus praefabricatae ex kit est etiam melior pro natura, quoniam producunt multo minus residua durante constructione et constent ex materialibus utilibus Terrae sicut amica-ecologia. Sunt plures genera kit domorum praefabricatarum. Praefabricati Proprietarii ulterius, in hac optione tu potes eligere qualis erit species tuae domus et quae materiales fuerint usae in eius constructione, simul cum productu CDPH prefabbricati parva domus . Est alvearium celeriter et facile construendum, quod multi laudant. Praeterea, domus ex praefabricatis kitibus sunt utilitatis et amicae naturae in universum, eas facientes sapientem optionem pro vobis omnibus. Effice tuum domum tutiorem et commodiorem installando domum container! Omnes componentes structurales in fabrica praefabricantur. Per electionem rectarum dimensionum, dispositionis et stili, spatium vivendi cito creare potes. Plures moduli secundum necessitates et praeferentias in varias distributiones cubiculorum incorporari possunt, ut domus praefabricata modularis multifunctionalis, sicut salutatorium, culina aut cubiculum. Maxime notandum est domum container quam utimur facilem esse ad dissolvendum et constituendum solidam structuram, cum praestantia eximia, ut impermeabilis, contra aquam, ignem praeservativa et processus installationis facilis et simpliciter administrandus, nullamque specialem peritiam technicam requirit. Pro vita personali, conservatione, spatio officii temporanei aut aliis usibus domus praefabricatae container paratae sunt ad tua postulata complenda. Hodiernum utere cubiculum capsulare, fruere meliore pretio et meliore ministerio. Vitam tuam impleta! Domus praefabricatae facilis est ad aedificandum et nullas peculiares peritias requirit. Uti possunt pro habitando, officina, conservando aut quocumque alio scopo. Habitatio Apple, forma unica, pulchra facies, ut domus tua magis personalis sit. Habemus varios stilos et colores ad gustum tuum accommodandos, a simplici moderno usque ad tradicionalem. Beijing Chengdong se occupat de habitaculis praefab, quae secundum desideria tua consociari possunt. Ad aptandum desideria et praeferentias tuas singulares, designare potes domum tuam, distributionem, aquam et electricitatem, etc., ut domum idealem et exclusivam tibi aedifices. Ante constructionem, electricitatem et tubos aquae struximus, ita vitantes occupationem diuturnam reordinandi tubos aquae et electricitatis post decorandum domum, et augendo efficacitatem decorationis et qualitatem. Ex ampla varietate solutionum interioris decorationis eligere potes pro area vivendi, area cenandi, cubiculo, culina, et multis aliis. Vita qualitativa, e Domu Apple! Domus Apple est area unica! Domus plicabilis sequitur modularem stilum domus traditionalis, quae secundum tua requisita configurari potest ut productio massa fiant et tuum ambientes habitandi magis stabilia, tuta et secura reddantur. Camerae flexible ratione combinari possunt ad varios usus satisfaciendum, ita ut ubicumque et ubicumque in domo praefabricata habitare possis. Rapidissima distributio! Etiam impaquetatio et distributio celeres sunt; nos professionalem impaquetationis cohortem adhibemus, qui secundum tua praecepta cameram plicabilem impaquetabunt et qualitatem optimam tibi praebebunt. Omnes distributionis processus inspiciemus ut certi simus tua elementa ad destinatum locum sana et integra perveniant. Camera plicabilis sine soldatura structurae in loco installari potest, et normas habemus pro installatione quae processum celeriorem et simpliciorem facient. Quotiens omnes gradus normae sequeris, facile erit coagmentationem domus plicabilis perficere. CDPH artificia et varias vendunt aedes modularis, Prefab domus et villa domus. Proventus amplis efficit ut apta solutio ad singula castra machinatoria nos expediat.Domus praefabricata
Utilitates Electionis Domus ex Kit Fabrefacto pro Tuo Proximo Domo

Rapida et Facilis Aedificatio Domi cum Domino ex Kit Fabrefacto

Vivere Accessibile et Sustinibile cum Domino ex Kit Fabrefacto

Explora Possibilitates Domorum ex Kit Fabrefacto pro Tuo Stilo Vitae Moderno.
Why choose CDPH
Domus praefabricata?
Bonus Sales continens domum
Novus advenil prefab domum
Modern Style malum Cameram
Princeps qualis tenens domum
Non invenis quod quaeris?
Petere Citatio Nunc
Consulere nostros pro magis productis disponibilibus.Cum Nobis Contacata
27+ annos Usus
Engineering Castra Construction