dari CDPH adalah unik...">
,需要通过父级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);
}
});
})();
Kit Bingkai Adakah anda pernah mendengar tentang X Frame Kit House? Ini semakin terkenal akhir-akhir ini! Sebuah kit bingkai rumah dari CDPH adalah sebuah rumah unik di mana semua komponen telah dipotong dan disiapkan untuk dirakit dengan mudah seperti anda memecahkan teka-teki yang menyeronok. Fikirkanlah, membina sesuatu di mana semua bahagian tidak perlu dipahat semula atau perlukan penyesuaian atau dibuat semula! Ini dilakukan untuk memberikan semua ciri dalam sebuah rumah dengan cara yang paling pantas dan mudah, berbanding dengan pembinaan dari titik sifar di mana anda perlu memotong apa-apa perkara sendiri. Membina rumah sendiri adalah idea yang kelihatan menarik dan romantis - mempunyai tempat yang baik untuk kembali memberi keselamatan dalam hidup. A rumah kit kerangka dari CDPH membolehkan anda memilih gaya dan reka bentuk yang sesuai dengan keperluan anda dan boleh dimodifikasi mengikut permintaan. Anda boleh memilih saiz rumah, warna dinding dan bahkan bilangan bilik yang anda mahu. Fikirkan tentang memilih warna dan bentuk kegemaran anda untuk mendesain ruang yang menyenangkan hanya untuk anda! Ia juga masuk akal untuk memasang rumah kit kerangka sendiri supaya tidak perlu membayar kos buruh yang boleh menjimatkan banyak wang. Anda boleh melabur pada rumah kit kerangka harga rendah yang terbaik dari segiwang dan perkhidmatan. Ini membuat kit rumah kerangka dari CDPH cara yang baik untuk anda menghemat wang dan potensial mempunyai sesuatu yang bernilai lebih tinggi di masa depan. Mereka cepat dibina dan boleh dirakam dengan agak cekap - ini hanya bermaksud bahawa anda mungkin lebih baik mulakan hidup dalam rumah baru anda lebih awal. Tiada seorang pun suka menunggu untuk pindah ke rumah baru. Juga, jika anda ingin menjual rumah kit bingkai anda di masa depan, ia boleh memerintahkan harga jual semula yang tinggi. Ini menunjukkan bahawa anda mempunyai potensi untuk mencipta pendapatan jual semula yang besar. Wow, sekarang itu harga yang hebat! Tidak hanya rumah kit bingkai murah dan mudah dibina; ia juga ramah alam sekitar, membuat kurang sampah untuk planet kita. Kebanyakan syarikat yang mengeluar rumah kit bingkai mencipta elemen yang ramah alam sekitar dan cekap tenaga. Ini bermaksud bahawa hidup dalam rumah kit bingkai boleh menghemat wang anda pada bil tenaga dan membantu mengurangkan jejak karbon anda. Pengurangan jejak karbon menunjukkan bahawa anda sedang memberi bantuan kepada alam sekitar, disebabkan penggunaan tenaga yang lebih kurang dan pengeluaran sampah. Rumah kit rangka juga sangat sesuai kerana datang sebagai satu paket besar dengan semua yang anda perlukan untuk membina rumah anda. Anda tidak perlu membuang masa berlarian mencari pelbagai bahagian! Tugasan memasang rumah kit bingkai sangat mudah dan ringkas. Pertama, reka bentuk rumah anda secara teroka dan masukkan sebarang perubahan atau tambahan yang anda rasa sesuai. Inilah yang saya suka tentang bahagian ini, anda boleh melakukannya mengikut kehendak anda! Kemudian, syarikat kit bingkai akan menghantar semua komponen tersebut ke tapak kerja anda. Dengan cara ini, semua bahagian yang diperlukan akan sampai di tempat pembinaan berlangsung. Potongan yang telah dipotong terlebih dahulu itu kemudian disusun seperti teka-teki, sama ada oleh anda atau kontraktor anda. Ia seperti main dengan teka-teki yang sangat besar dan kompleks! Salah satu daripadanya adalah paip air serta kerja elektrik dan juga penyelenggaraan yang setiap rumah perlu miliki apabila bingkainya sudah siap dibina. Langkah terakhir ialah cat, lantai dan lemari. Waktunya untuk rumah kit bingkai A menjadi seperti sebuah rumah! Rumah Apple, bentuk unik, rupa yang cantik, menjadikan rumah anda lebih personal. Dari gaya moden dan ringkas hingga bergaya vintaj, kami menawarkan pelbagai gaya dan warna yang sesuai dengan selera dan keperluan anda. Beijing Chengdong memberi tumpuan kepada keperluan pengguna dan boleh disesuaikan mengikut keperluan khusus anda. Mengikut preferensi dan keperluan peribadi anda, anda boleh mengubah gaya rumah, susun atur, sistem bekalan air dan elektrik, dan sebagainya demi membina rumah sempurna yang unik untuk anda. Pra-pemasangan paip elektrik dan air membolehkan kami mengelakkan proses berat mengganti paip selepas rumah siap — khususnya pada rumah kit berbentuk A-frame — yang meningkatkan kecekapan dan kualiti hiasan dalaman. Anda boleh memilih daripada pelbagai penyelesaian reka bentuk dalaman untuk ruang tamu, ruang makan, bilik tidur, bilik mandi, dapur dan banyak lagi. Apple House – Kehidupan berkualiti dengan cara terbaik! Jelajahi daya tarikan unik Apple House! Satu set rangka melindungi dan menjadikan kehidupan harian anda lebih selamat serta selesa! Komponen struktural keseluruhannya dibuat secara pra-pabrik di kilang. Apabila anda memilih dimensi, konfigurasi dan gaya yang sesuai, anda boleh membina rumah anda dengan cepat. Berdasarkan keperluan dan preferensi pelanggan, modul-modul berbeza boleh digabungkan untuk mencipta pelan bilik yang berbeza seperti dapur, kawasan ruang tamu dan bilik tidur. Faktor yang paling penting ialah rumah kontena yang kami gunakan mudah dipasang dan dikelupas, mempunyai struktur yang stabil serta prestasi cemerlang seperti kedap air, rintangan lembap, tahan api, dan proses pemasangan yang mudah serta ringkas untuk dioperasikan tanpa memerlukan sebarang kepakaran teknikal. Untuk kegunaan peribadi seperti tempat tinggal, pejabat sementara, storan atau keperluan lain, rumah kontena pra-fabrik ini direka khas untuk memenuhi keperluan anda. Dapatkan bilik kontena hari ini dan nikmati kos yang lebih rendah serta perkhidmatan yang lebih mesra. Tingkatkan pengalaman hidup anda! Rumah lipat mengikuti rumah kit bingkai-A yang boleh disusun mengikut keperluan anda untuk meningkatkan pengeluaran serta menjadikan ruang hidup anda lebih selamat, stabil dan boleh dipercayai. Bilik ini boleh disusun dengan cara yang sesuai untuk memenuhi pelbagai keperluan, bermaksud anda akan berasa selesa di mana sahaja dan pada bila-bila masa. Penghantaran pantas! Penghantaran dan pembungkusan dilakukan secara sangat cepat. Kami menggunakan pasukan pembungkusan yang mahir mengikut spesifikasi anda untuk membungkus rumah lipat tersebut, supaya anda menerima produk berkualiti tertinggi. Kami memantau semua proses penghantaran untuk memastikan barang anda sampai ke destinasi dengan selamat. Yang paling penting, rumah lipat ini mudah dipasang tanpa perlukan pengelasan di tapak, dan kami menyediakan garis panduan pemasangan untuk mempercepat dan memudahkan proses pemasangan anda. Jika anda mengikuti arahan-arahan tersebut, pemasangan rumah lipat ini akan menjadi mudah. Rumah pra-fabrikasi ini menggunakan rekabentuk khas untuk kekuatan struktur dan mampu memberikan prestasi seismik yang baik bagi menjamin keselamatan. Rekabentuk modular memudahkan pengalihan, manakala pemasangan boleh disesuaikan mengikut preferensi peribadi anda terhadap pelbagai rekabentuk, gaya dan jenis bilik. Semua komponen telah dipra-fabrikasi dan mudah dipasang tanpa memerlukan kemahiran khusus. Sama ada untuk pejabat, tempat tinggal, storan atau kegunaan lain, rumah pra-fabrikasi ini mampu memenuhi keperluan anda. Rupa yang bergaya, garis-garis licin, serta keupayaan untuk disesuaikan mengikut selera peribadi anda demi mencipta ruang hidup yang sempurna. Yang paling penting, rumah pra-fabrikasi ini tidak memerlukan kerja kimpalan di tapak, dan kami menyediakan arahan pemasangan untuk memudahkan dan mempercepatkan proses pemasangan anda. Rasai kehidupan terbaik yang mungkin anda miliki—pilih rumah pra-fabrikasi berbentuk rangka-A (A-frame kit houses). CDPH memproduksi dan menjual pelbagai jenis rumah modul, rumah prefabrikasi dan rumah villa. Julat produk yang luas memastikan kami menyediakan penyelesaian yang sesuai untuk setiap kem kejuruteraan.Rumah kit kerangka
Membina Rumah Impian Anda dengan Rumah Kit Kerangka

Kenapa Rumah Kit Kerangka Mungkin Pilihan Pelaburan Terbaik Anda

Kepayahan dan Kebajikan dengan Rumah Kit Kerangka

Proses Membinakan Rumah Kit Kerangka
Why choose CDPH
Rumah kit kerangka?
Gaya Moden apple cabin
Kontena Rumah Penjualan Baik
Rumah lipat berkualiti tinggi
Kedatangan baharu rumah prefab
Tidak jumpa apa yang anda cari?
Minta Sebut Harga Sekarang
Hubungi pakar kami untuk mendapatkan lebih banyak produk yang tersedia.Hubungi Kami
27+ Tahun Pengalaman
Pembinaan Kem Kejuruteraan