yaratmağı xəyal edirsinizmi? Yaxşı,...">
,需要通过父级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);
}
});
})();
Bank hesabınızı pozmadan özünüz üçün unikal və fərdiləşdirilmiş kəskin ev yaradmağı xəyal edirsinizmi? Yaxşı, CDPH-nin miniatür əvvəlcədən hazırlanmış kiçik ev inkişafına baxın. Təkərləri olan bu evlər budaqlanmışdan çox sadəyə qədər olan dizaynları ilə əlverişli qiymətlərə malikdir. Hər birimiz unikalıq sahibiyik və yaşadığımız evdən başqa istəyimiz komfort ola bilər, amma qonşularımız üçün işləməyə bilər, buna görə də CDPH olaraq bunu başa düşürük. Buna görə də biz təklif edirik toptan satılan kiçik ev prefabrik evlər . Siz sıx bir loj yerinə sahib olmaq istəyirsiniz və ya hətta çox böyük mütəxəssis mətbəx, və dizaynı fərdi şəkildə düzəldə bildiyimiz üçün yalnız sizin istədiyiniz yerləri bölmək üçün bir neçə əlavə addım lazımdır. Kiçik eviniz üçün seçə biləcəyiniz müxtəlif yer planları, interyer düzülüşləri və xarici örtüklər mövcuddur. Müasir dünyada ekoloji cəhətdən davamlı yaşamaq heç vaxm bundan qədər vacib olmamışdır. CDPH kiçik yaşayış prefabrik evləri ətraf mühitə dost materiallardan hazırlanır ki, bu da həm sağlamlığınıza, həm də kirayə xərclərinizə fayda gətirir. Evlərimiz enerji səmərəliliyinə yönəldilmişdir — günəş paneli, istilik izolyasiyalı divarlar, enerjiyə qənaət edən avadanlıqlar. Bu gün CDPH kiçik evini seçin və minimal təbii dost həyat tərzi ilə karbon izinizi azaldın. CDPH-nin toptan satılan kiçik ev prefabrik evlər onları ən yaxşı edən səbəblərdən biri də onların nisbətən tez və az səy tələb etmədən quraşdırıla bilməsidir. Aylar, hətta illər çəkə biləcək ənənəvi ev tikintisinin əksinə olaraq, bizim prefabrik evlərimiz bir neçə həftədə tikilir. Biz tez prosesdə sürətli quraşdırma təklif edirik ki, bu da yalnız vaxt deyil, həm də pul qənaətinə imkan verir və bizim evlərimiz problemsiz məhsul almaq istəyən toptan alıcılar üçün məntiqli seçim halına gəlir. Artıq kiçik evlər üçün standart kod tətbiq olunmur. Ən aşağı qiymətə möhtəşəm ekoloji paket axtarırsınızsa və ya bu günki toptan bazar tələblərinə cavab verən müasir dizaynlı qablaşdırma axtarırsınızsa, CDPH sizin tələbləriniz üçün həll təklif edir. Hər zövq və konsepsiya üçün bir stilimiz var... sadə minimal tərtibatlardan tutmuş isti rustik kabinlərə qədər... Biz sadəcə ev qoymuruq, evlərimiz yüksək keyfiyyətli, xarici və daxili detallarla alacaq olanların gözləntilərinə tam uyğun gəlir. Qatlama evi, ənənəvi evlərin kiçik ölçülü prefab evləri əsasında yaradılmışdır və sizin tələblərinizə uyğun olaraq dizayn edilə bilər, kütləvi istehsalı həyata keçirilə bilər və yaşayış mühitinizə daha təhlükəsiz, sabit və etibarlı bir xarakter verə bilər. Otaq müxtəlif tələbləri ödəyəcək şəkildə istifadə edilə bilər, yəni rahat yaşamaq üçün hər yerdə və hər zaman mümkündür. Tez çatdırılma! Paketləmə və çatdırılma da sürətli aparılır, çünki paketləmə komandasında peşəkar işçilərdən istifadə edirik və qatlama otağı sizin tələblərinizə uyğun olaraq paketləyirik ki, ən yüksək keyfiyyətli məhsulu əldə edəsiniz. Məhsullarınızın təhlükəsiz və etibarlı şəkildə təyinat yerinə çatmasını təmin etmək üçün çatdırılma prosesinin hər bir addımını nəzarət edəcəyik. Qatlana bilən ev tikinti sahəsində qaynaq işləri aparılmadan quraşdırıla bilər və prosesi daha sürətli və asan etmək üçün quraşdırma təlimatları təqdim edirik. Təlimatlardakı addımları izləsəniz, qatlana bilən evin quraşdırılmasını asanlıqla tamamlaya bilərsiniz. Konteyner evlər — təhlükəsizliyinizi təmin edir və həyatınızı daha rahat edir! Bütün kiçik evlər fabriklərdə istehsal olunur. Uyğun ölçüləri, konfiqurasiyanı və dizaynı seçdikdən sonra yaşayış məkanınızı tez bir zamanda yarada bilərsiniz. Fərqli modullar müxtəlif otaq planları yaratmaq üçün istifadəçilərin ehtiyaclarına və üstünlüklərinə uyğun şəkildə birləşdirilə bilər; beləliklə, oturma otağı, mətbəx və yataq otağı kimi çoxfunksiyalı yaşayış məkanları yaradılır. Ən vacib məsələ isə konteyner evimizin sökülməsi və montajının asan olması, sabit və möhkəm quruluşu, yüksək keyfiyyəti — suya, rütubətə və yanğınqa qarşı müqavimətli olması, həmçinin quraşdırma prosesinin asan və sadə olmasıdır; bu proses xüsusi texniki bacarıq tələb etmir. Şəxsi istifadə üçün, anbar kimi, müvəqqəti ofis məkanı kimi və ya başqa səbəblərlə bağlı olsun, bizim hazır konteyner evlərimiz tamamilə sizin tələblərinizə uyğun hazırlanmışdır. İndi bir konteyner otaq alın və daha aşağı qiymət və diqqətli xidmətdən faydalanın — yaşayış təcrübənizi daha yaxşı edin! Prefabrik evin xüsusi bir konstruktiv dizaynı var və təhlükəsizliyi təmin etmək üçün yaxşı kiçik prefabrik evlər var. Modullu dizayn, daşınma və quraşdırma prosesinin asanlığı, həmçinin müxtəlif üslublar və otaq növləri üzrə şəxsi preferensiyalarınıza uyğun olaraq fərdiləşdirilməsi mümkündür. Bütün komponentlər əvvəlcədən istehsal olunur və quraşdırılması asandır; xüsusi bacarıqlar tələb olunmur. Bu prefabrik ev ofis, yaşayış, anbarlama və ya başqa məqsədlər üçün nəzərdə tutulsa belə, sizin tələbatlarınızı ödəyə bilər. Şık görünüş, zərif xətlər və şəxsi preferensiyalarınıza uyğun olaraq fərdiləşdirmə imkanı ilə unikal bir yaşayış məkanı yaratmaq mümkündür. Ən yaxşısı isə, prefabrik evlərin tikinti sahəsində qaynaq işləri tələb etməməsidir; həmçinin quraşdırma prosesinizi sadələşdirmək və sürətləndirmək üçün quraşdırma təlimatları da təqdim edirik. Daha yaxşı bir həyatı Chengdong prefabrik evləri ilə qəbul edin. Chengdong prefabrik evlər. Apple kabineti, unikal forma, gözəl görünüş — evinizi daha şəxsilaşdırır. Sadə müasirdən klassik üsluba qədər zövqünüzlə uyğun rəng və üslub seçimi təklif edirik. Pekin Çəndun istifadəçilərin ehtiyaclarına və arzularına diqqət yetirir. Sifarişə görə hazırlanma imkanı veririk. Öz arzularınıza və üstünlüklərinizə uyğun olaraq evin planlaşdırılmasını, mərtəbə planını, su və elektrik sistemlərini eləcə də elektrik və su təchizatının yerləşdirilməsini dəyişdirə bilərsiniz. Beləliklə, tamamilə sizə xas olan mükəmməl ev yarada bilərsiniz. Su və elektrik borularının əvvəlcədən hazırlanması, dekorasiya bitdikdən sonra boruları yenidən düzəltmək üçün uzun müddətli prosesi aradan qaldırır və buna görə də dekorasiyanın səmərəliliyi və keyfiyyəti artır. Oturacaq otağı və yemək otağı, yataq otaqları, mətbəx, tualet və s. daxil olmaqla daxili planlaşdırma variantları təklif edirik. Öz ehtiyaclarınıza və zövqünüzlə ən uyğun variantı seçərək ideal və unikal evinizi yarada bilərsiniz. Apple Ev — Ən yüksək keyfiyyətli yaşayış! Apple Ev-in kiçik ölçülü prefabrik evlərini kəşf edin! CDPH müxtəlif növ modulyar ev, prefab ev və villa ev istehsal edir və satır. Üzlümlü məhsul çeşidliliyi hər injiniring kampı üçün uyğun həll təklif etməyimizi təmin edir.kiçik ev prefabricasiya evləri
Ehtiyaclarınıza uyğunlaşdırılmış dizaynlar

Ətrafə dostu materiallar təbii həyat üçün

Toptan alıcılar üçün sürətli və asan quraşdırma prosesi

Müasir və Gözəl Seçimlər Bu Günün Toptan Satış Bazarı Üçün
Why choose CDPH
kiçik ev prefabricasiya evləri?
Yüksek keyfiyyətli çatılabilən ev
Yaxşı Satış konteyner evi
Yeni gələn prefabrikat ev
Modern stil modulyar apple ev
Axtardığınız şeyi tapmırsınız?
İndi Təklif Sorğu
Daha çox mövcud məhsullar üçün məsləhətçilərimizlə əlaqə saxlayın.Əlaqə saxlayın
27+ Illik Təcrübə
Injiniring Kampa Yığım