...">
,需要通过父级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);
}
});
})();
Mahirap makahanap ng mga solusyon para sa pagtambay ng mga manggagawa sa iba't ibang proyekto na abot-kaya at praktikal naman. Dito pumasok ang CDPH na may aming Prefab Labor Camp mga oportunidad. Ang mga handa nang gusaling ito ay nagbibigay ng ekonomikal at napapanatiling tirahan para sa mga manggagawang nangangailangan ng pansamantalang pagtutuluyan. Ang aming de-kalidad at matibay na frame ay maaaring i-customize para sa mga proyektong may anumang sukat at madaling mai-install, perpekto para sa mga kumpanyang nangangailangan agad ng tirahan nang walang komplikasyon. Sa CDPH, alam namin na ang bawat proyekto ay natatangi at maaaring magkaroon ng iba't ibang pangangailangan sa paninirahan. Nagtatampok din kami ng personalisadong Prefab Labor Camp mga solusyon na angkop sa anumang proyekto, malaki man o maliit. Kung kailangan mo ng mga tirahan para sa maliit na grupo ng miyembro ng koponan o isang malaking puwersa sa trabaho, ang aming modular na gusali ay maaaring itayo at i-ayos ayon sa iyong tiyak na mga detalye. Nakikipagtulungan kami sa aming mga kliyente sa lahat ng bagay, mula sa layout at interior, upang matiyak ang eksaktong pansamantalang tirahan para sa kanilang mga empleyado. Mahigit na 40 taon nang gumagawa kami ng pansamantalang tirahan para sa pribado at komersyal na gamit. Maayos ang disenyo at itinayo upang tumagal gamit ang pinakamataas na kalidad na mga produktong prefab na konstruksyon ng kampo para sa manggagawa mula sa lider sa industriya ng pabrikang ginawang tirahan. Kapag dating sa pansamantalang tirahan para sa manggagawa, lubhang kailangan ang kalidad at lakas, at dito sa CDPH, binibigyang-pansin namin ang mga katangiang ito sa lahat ng aming Prefab Labor Camp mga istraktura. Ang aming mga gusali ay may matibay at nakakataas na bubong, na nagbibigay ng ligtas at komportableng kapaligiran para sa mga manggagawa upang makaya ang mahihirap na kondisyon. Dahil sa aming mataas na pamantayan sa inhinyero at mahigpit na batas sa paggawa ng gusali, ang aming mga gusali ay kabilang sa pinakamatitibay na istraktura sa merkado. Sa aming mapagkasundong pagsasama ng tradisyonal na gawaing kamay at mataas na teknolohiyang industriyalisasyon, nakakamit namin ang mga gusali na hindi lamang may mataas na lawak ng paggamit kundi maganda rin sa paningin. Isa sa malaking benepisyo ng Prefab Labor Camp ay madaling mai-install. Ang pre-fabricated na konstruksyon ay nagbibigay-daan sa paggawa ng mga gusali sa lugar sa isang maliit na bahagi lamang ng oras kumpara sa mas karaniwang paraan, na nangangahulugan na ang mga kumpanya ay maaaring mabilis na makapagbigay ng tirahan sa kanilang mga manggagawa. Ang aming mga propesyonal na grupo sa pag-akyat ay nagtutumulong para sa maayos at tumpak na pagkakabit, anuman ang sukat ng istraktura. Ang mahusay na prosesong ito ay hindi lamang nakakatipid ng oras kundi binabawasan din ang pagkakaantala sa iskedyul ng proyekto, na siyang perpektong tugma para sa mga kumpanya na gumagana sa limitadong oras. Mga bahay na gawa sa kontainer—panatilihin ang iyong kaligtasan at gawin ang iyong buhay na mas komportable! Ang lahat ng mga prefabrikadong kampo para sa manggagawa ay ginagawa sa mga pabrika. Kapag pinili mo ang angkop na sukat, konpigurasyon, at disenyo, maaari mong mabilis na likhain ang iyong espasyo para sa pamumuhay. Ayon sa kanilang mga pangangailangan at kagustuhan, maaaring pagsamahin ang iba't ibang mga module upang makabuo ng iba't ibang layout ng kuwarto, na lumilikha ng multi-functional na espasyo para sa pamumuhay tulad ng living room, kusina, at silid-tulugan. Ang pinakamahalagang aspeto ay ang aming bahay na gawa sa kontainer ay madaling i-disassemble at i-reassemble, may matatag at malakas na konstruksyon, mataas ang kalidad, kabilang ang waterproof, moisture-proof, at fire prevention; ang proseso ng pag-install ay madali at simple gamitin, at hindi nangangailangan ng anumang espesyal na antas ng teknikal na kasanayan. Kung ito ay para sa iyong personal na espasyo, imbakan, pansamantalang opisina, o iba pang dahilan—ang aming mga prefabrikadong bahay na gawa sa kontainer ay idinisenyo upang tumugma sa iyong mga kinakailangan. Bumili na ng box room ngayon at tamasahin ang mas mababang gastos at mas maingat na serbisyo—gawin ang iyong karanasan sa pamumuhay na mas maginhawa! Kabinete ng Apple, natatanging hugis, magandang anyo, nagpapaganda sa iyong tahanan at nagbibigay-daan para maging mas personal ito. Mula sa pangunahing modernong istilo hanggang sa vintage, may malawak na hanay kami ng mga istilo at kulay na makakatugon sa iyong panlasa sa disenyo. Ang Beijing Chengdong ay nakatuon sa mga kagustuhan ng gumagamit, kaya maaari itong ipasadya batay sa iyong sariling panlasa. Ayon sa iyong sariling kagustuhan at panlasa, maaari mong baguhin ang istilo ng iyong bahay—ang pre-fabricated na labor camp, layout, tubo ng tubig at kuryente, atbp.—upang lumikha ng isang ganap na personal na tahanan para sa iyo. Ang pagpapre-fabricate ng mga kable ng kuryente at tubo ng tubig ay tumutulong sa amin na maiwasan ang mahabang proseso ng pag-uulit ng pagkakalagay ng mga tubo kapag na-decorate na ang bahay, na nagpapataas ng kahusayan at kalidad ng dekorasyon. Maaari kang pumili mula sa malawak na hanay ng mga solusyon sa interior design para sa iyong living area, dining area, bedroom, bathroom, at kusina. Mataas na kalidad ng buhay, sa Apple House! Dumating at subukan ang natatanging charm ng Apple House! Ang pre-fabricated na bahay ay may tiyak na disenyo ng istruktura at may magandang pre-fabricated na kampo ng manggagawa upang matiyak ang kaligtasan. Ang modular na disenyo at madaling transportasyon at pag-install ay maaaring i-customize batay sa iyong personal na panlasa sa iba't ibang estilo at uri ng kuwarto. Lahat ng mga bahagi ay pre-fabricated at madaling i-set up, na hindi nangangailangan ng anumang espesyal na kasanayan. Kung ito man ay para sa opisina, tirahan, imbakan, o iba pang sitwasyon, ang pre-fabricated na bahay ay kayang tugunan ang iyong mga pangangailangan. Estilong itsura, manipis na linya, at ang kakayahang i-customize batay sa iyong panlasa upang lumikha ng natatanging espasyo para sa pamumuhay. Pinakamahusay sa lahat, ang mga pre-fabricated na bahay ay hindi nangangailangan ng welding sa lugar ng konstruksyon at nagbibigay din kami ng mga instruksyon para sa pag-install upang gawing mas simple at mas mabilis ang proseso ng pag-install mo. Tangkilikin ang isang mas mahusay na buhay kasama ang mga pre-fabricated na bahay ng Chengdong. Mga pre-fabricated na tahanan ng Chengdong. Ang folding house ay batay sa isang standard na modular na disenyo, na maaaring i-configure ayon sa mga pangangailangan ng iyong pamilya at maisagawa ang mass production upang mapataas ang katatagan, kaligtasan, at katiyakan ng iyong living area. Ang kwartong natatabi ay maaaring maayos nang iba't-ibang paraan upang matugunan ang iba't-ibang pangangailangan, kaya ikaw ay magiging komportable kahit saan at kahit kailan. Mabilis na paghahatid! Nagbibigay din kami ng mahusay na serbisyo sa pagpapacking at paghahatid. Ang aming ekspertong koponan sa pagpapacking ay mag-iimpake sa iyong folding room ayon sa mga kinakailangan ng kliyente. Sa proseso ng paghahatid, bawat hakbang ay aming babantayan upang masiguro na ang mga produkto ay maayos na makakarating mula sa prefab labor camp hanggang sa lokasyon. Pinakamaganda sa lahat, madaling itayo ang kwarto nang walang pangangailangan ng welding sa lugar. Nagbibigay din kami ng mga tagubilin sa pag-install upang mas madali at mas mabilis ang inyong pag-aayos. Kung susundin mo ang mga tagubilin, simple lang ang pagtayo sa foldable home. Ang CDPH ay nagmamaneho at nagbebenta ng iba't ibang uri ng modular na bahay, prefab na bahay at villa house. Ang malawak na saklaw ng mga produkto ay nagpapatakbo sa amin upang magbigay ngkoponente solusyon para sa bawat engineering camp.Prefab Labor Camp
Mga Nakatuon na Opsyon sa Prefab Labor Camp para sa Anumang Laki ng Proyekto

Mga Magagamit na Mataas ang Kalidad at Matibay na Gusaling Prefab Labor Camp

Mabilis at Madaling Proseso ng Pag-install para sa mga Estruktura ng Prefab Labor Camp

Matipid at Mapagpahalagang Solusyon para sa Paninirahan ng Manggagawa
Why choose CDPH
Prefab Labor Camp?
Mabuting Benta ng container house
Modern Style apple cabin
Bagong dating prefab house
Mataas na kalidad na bahay na maaaring mag-fold
Mga kaugnay na kategorya ng produkto
Hindi makahanap ng hinahanap?
Humiling ng Quote Ngayon
Makipag-ugnay sa aming mga konsultant para sa iba pang mga produkto.Makipag-ugnayan
27+ Taon Ng Kagandahang-loob
Pagtatayo ng Engineering Camp