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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
phone: nodeText,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
phone: nodeText,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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')) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: content,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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. Casa Mala, forma unica, species pulchra, domum tuam magis personaliter efficit. Officimus varietatem stili et colorum, quae gustui personali tuo conveniunt, ut a simplici moderno ad antiquum. Pechinensis Chengdong in desideriis utentium versatur, quae secundum tuas necessitates adaptari possunt. Ut tuis singularibus praeferebatur et cupiditatibus satisfiat, formam domus tuae, dispositionem, aquaeductum, electricitatem et cetera mutare potes, ut domus singularis perfecta pro te creetur. Nos ante construximus ductus electricos et aquarios, ut evitetur onus domus prefabricatae de repositione ductuum aquarum et electricitatis post ornatum domus, simulque efficacia ornatus et qualitas meliorantur. Officimus latam varietatem optionum dispositionis interiorum, quae salam, triclinium, cubiculum et balneum includunt, etc. Secundum tuas necessitates et praeferebaturas eligere potes, ut tibi exquisitum et ideale ambience domus crees. Casa Mala — Optima vita qualitate! Casa Mala est locus specialis! Domus praefabricatae facilis est ad aedificandum et nullas peculiares peritias requirit. Uti possunt pro habitando, officina, conservando aut quocumque alio scopo. Domus ex containeribus, tua securitas provideat et vitam tuam commodiorem efficiant! Omnes domus praefabricatae in fabbris conficiuntur. Cum dimensio, configuratio et design ad idoneum eligis, cito spatium vivendi creare potes. Conformiter necessitatibus et praepositis, diversi moduli in varias dispositiones cubiculorum combineri possunt ut spatium multifunctionale vivendi creent, sicut atrium, coquina et dormitorium. Aspec tus maximus est quod domus nostra ex containeribus facile dissolvere et componere est, cum structura firma et stabili, qualitate optima, inclusa aqua-proof, umiditate-proof, ignis preventione et processus installationis facilis et simplex ad operationem, nec requirit ullam specialem technicam. Si pro spatio personali, theca, officina temporaria aut alia rationes, domus nostrae praefabricatae ex containeribus ad tua desideria conficiuntur. Emat nunc cubiculum in theca et fruatur minori costa et diligentiori servitio. Meliorem experientiam vivendi fac! Domus plicabilis ex designo modulari standardi constat, quod ad necessitates familiae tuae configurari potest et ad productionem in massa efficiendam conducit, ut habitatio tua stabilior, tutior et fidabilior fiat. Camera plicabilis variis modis disponi potest, ut diversis necessitatibus satisfaciat, ita ut ubicumque et quandoque commodissime habitare possis. Cito adfertur! Etiam efficacem praeparationem et distributionem praebemus. Adeptus nostrae turmae impachetantis camera tua plicabilis secundum clientis postulationes impachetabitur. In ipso autem cursu distributionis omnes gradus observabimus, ut domus prefabricata ad locum destinatum perveniat. Optimum omnium est, quod camera facile plicatur et sine soldatura in situ installatur. Praeterea instructiones pro installatione damus, ut installatio tua facilius et celerius fiant. Si vero instructiones sequeris, constructio domus plicabilis simplex erit. 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?
Modern Style malum Cameram
Novus advenil prefab domum
Bonus Sales continens domum
Princeps qualis tenens domum
Non invenis quod quaeris?
Nunc Quotationem Petas
Consulentes nostros contacta pro productis amplioribus.Contactum fac
27+ annos Usus
Engineering Castra Construction