를 통해 해결책을 제공합니다.">
,需要通过父级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);
}
});
})();
다양한 프로젝트에서 근로자를 수용할 수 있는 솔루션은 가격이 합리적이면서도 실용적인 경우를 찾기 어렵습니다. 여기서 CDPH가 우리의 프리패브 노동자 캠프 기회를 제공합니다. 이러한 완성된 건물들은 임시 주거가 필요한 근로자들에게 경제적이고 지속 가능한 주거 솔루션을 제공합니다. 고품질의 견고한 구조는 규모에 관계없이 모든 프로젝트에 맞게 맞춤 제작이 가능하며 설치도 간편하여 신속하고 복잡한 절차 없이 주거 공간이 필요한 기업에 이상적입니다. CDPH는 모든 프로젝트가 고유하며 서로 다른 주거 요구 사항을 가질 수 있음을 인식하고 있습니다. 또한 우리는 맞춤형 서비스를 제공합니다 프리패브 노동자 캠프 크기와 상관없이 모든 프로젝트에 맞는 솔루션을 제공합니다. 소규모 팀원들을 위한 주택이 필요하든 대규모 근로자 집단을 위한 숙소가 필요하든, 당사의 모듈식 건물은 고객의 정확한 사양에 따라 설계 및 제작이 가능합니다. 우리는 레이아웃과 인테리어 등 전반적인 부분에서 고객과 긴밀히 협력하여 직원들에게 완벽한 근로자 주거 공간을 제공합니다. 당사는 주거용 및 상업용 주택을 40년 이상 제조해온 업계의 선도 기업입니다. 공장 제조 주택 산업 분야의 리더로서 고품질의 프리패브 노동자 캠프 제품으로 오래 사용할 수 있도록 잘 설계되고 제작된 제품을 제공합니다. 노동자 주거 시설의 경우 품질과 내구성이 매우 중요하며, CDPH는 이러한 특성을 모든 제품에 중점적으로 반영하고 있습니다. 프리패브 노동자 캠프 당사의 건물은 경사진 지붕과 견고한 구조로, 극한의 환경 속에서도 작업자들이 안전하고 쾌적하게 생활할 수 있는 공간을 제공합니다. 높은 수준의 엔지니어링 기준과 엄격한 건축 규정을 적용함으로써 당사의 건물은 시장에서 가장 강도 높은 구조물 중 하나입니다. 전통적인 수작업과 첨단 산업화의 조화로운 융합을 통해 우리는 높은 실용성은 물론 미적으로도 매력적인 건물을 완성합니다. 의 큰 장점 중 하나는 설치가 용이하다는 것입니다. 프리패브 노동자 캠프 프리패브 공법 덕분에 현장에서 기존의 전통적인 방식보다 훨씬 짧은 시간 안에 건물을 신속히 건설할 수 있으므로, 기업들은 작업 인력을 빠르게 수용할 수 있습니다. 당사의 전문 시공팀은 구조물의 규모에 관계없이 정확하고 시기 적절한 설치를 위해 최선을 다합니다. 이러한 효율적인 공정은 시간 절약은 물론 프로젝트 일정의 차질을 최소화하므로, 제한된 일정 내에서 작업해야 하는 기업들에게 이상적인 솔루션입니다. 컨테이너 하우스: 당신의 안전을 보장하고, 삶을 더욱 쾌적하게 만듭니다! 모든 프리패브 노동자 숙소는 공장에서 제조됩니다. 적절한 크기, 구성 및 설계를 선택하면 빠르게 거주 공간을 조성할 수 있습니다. 사용자의 요구와 선호에 따라 다양한 모듈을 조합해 거실, 주방, 침실 등 다기능 거주 공간으로 활용할 수 있습니다. 무엇보다도 당사의 컨테이너 하우스는 분해 및 조립이 간편하며, 안정적이고 견고한 구조, 우수한 품질을 자랑합니다. 방수, 방습, 내화 기능을 갖추었으며, 설치 과정 또한 매우 간단하여 특별한 기술 수준이 필요하지 않습니다. 개인용 공간, 창고, 임시 사무실 공간 또는 기타 용도로 사용하실 경우, 당사의 프리패브 컨테이너 주택은 귀하의 요구사항에 정확히 부합하도록 제작되었습니다. 지금 박스룸을 구매하시면 저렴한 비용과 세심한 서비스를 동시에 누리실 수 있습니다. 삶의 질을 한층 더 향상시켜 보세요! 애플 하우스, 독특한 디자인과 아름다운 외관으로 당신의 집을 더욱 개성 있게 연출합니다. 기본적인 모던 스타일부터 빈티지 스타일까지, 다양한 스타일과 색상 옵션을 제공하여 고객님의 취향에 완벽히 부합합니다. 베이징 청둥(Chengdong)은 사용자 니즈를 중시하며, 고객님의 선호도에 따라 맞춤형 설계가 가능합니다. 고객님의 개인적 욕구와 선호도에 따라 주택의 스타일, 프리패브(조립식) 임시 거주 시설의 배치, 수전 및 전기 설비 등 전반을 자유롭게 조정할 수 있어, 오직 당신만을 위한 완벽한 주거 공간을 창조할 수 있습니다. 전기 및 수도 배관을 사전에 프리패브 방식으로 설치함으로써, 인테리어 공사 후 배관 재배치라는 번거로운 과정을 피할 수 있어, 인테리어 공사의 효율성과 품질을 동시에 높일 수 있습니다. 거실, 식당, 침실, 욕실, 주방 등 생활 공간 전반에 걸쳐 폭넓은 인테리어 솔루션을 선택하실 수 있습니다. 고품질의 삶을 애플 하우스에서! 애플 하우스만의 특별한 매력을 직접 경험해 보세요! 프리패브 주택은 특별한 구조 설계를 갖추고 있으며, 안전을 보장하기 위해 프리패브 노동자 숙소를 갖추고 있습니다. 모듈식 설계로 운반 및 설치가 용이하며, 다양한 스타일과 실내 유형에 따라 고객의 개인적 선호도에 맞게 맞춤 제작이 가능합니다. 모든 부품은 공장에서 사전 제작되어 설치가 간편하며, 특별한 기술이 필요하지 않습니다. 사무실, 거주 공간, 창고 또는 기타 용도로 사용하려는 경우에도 프리패브 주택은 귀하의 요구 사항을 충족시킬 수 있습니다. 세련된 외관과 날카로운 라인, 그리고 고객의 선호도에 따라 맞춤화할 수 있는 능력을 바탕으로 독창적인 생활 공간을 창출할 수 있습니다. 무엇보다도 프리패브 주택은 현장 용접을 필요로 하지 않으며, 설치를 더욱 간편하고 신속하게 하기 위해 설치 설명서도 함께 제공합니다. 청둥(Chengdong) 프리패브 주택과 함께 더 나은 삶을 누리세요. 청둥(Chengdong) 프리패브 주택. 접이식 주택은 표준 모듈러 설계를 기반으로 하여 가족의 필요에 따라 구성할 수 있으며, 대량 생산이 가능하고 생활 공간을 더욱 안정적이고 안전하며 신뢰할 수 있게 만들어줍니다. 접이 가능한 방은 다양한 방식으로 배치가 가능하여 서로 다른 요구 사항을 충족시킬 수 있으므로 언제 어디서나 편안하게 거주할 수 있습니다. 빠른 배송! 또한 우리는 효율적인 포장 및 배송 서비스를 제공합니다. 전문 포장 팀이 고객의 요구 사항에 따라 접이식 방을 포장하며, 배송 과정에서도 모든 단계를 철저히 관리하여 제품이 현장까지 정확히 도달하도록 합니다. 무엇보다도 이 방은 현장에서 용접 없이 쉽게 설치할 수 있습니다. 또한 설치가 보다 쉬우며 빠르도록 설치 안내서를 제공합니다. 안내서에 따라 진행하면 접이식 주택을 간단하게 조립할 수 있습니다. CDPH는 다양한 유형의 모듈러 하우스, 사전 제작된 하우스 및 빌라 하우스를 제조 및 판매합니다. 광범위한 제품군은 우리에게 각 공사 캠프에 적합한 솔루션을 제공할 수 있도록 보장합니다.프리패브 노동자 캠프
모든 프로젝트 규모에 맞춘 맞춤형 프리패브 노동자 캠프 옵션

고품질 및 내구성 있는 프리패브 노동자 캠프 건물 제공

프리패브 노동자 캠프 구조물의 빠르고 쉬운 설치 과정

근로자 주거를 위한 비용 효율적이고 지속 가능한 솔루션
Why choose CDPH
프리패브 노동자 캠프?
좋은 판매 컨테이너 하우스
현대식 애플 캐빈
신규 도착 사전 제작 주택
고품질 접이식 주택
원하는 내용을 찾지 못하셨나요?
지금 견적 요청하기
더 많은 이용 가능한 제품은 전문가와 상담해 주세요.문의하기
27년 이상의 경력
공사 캠프 건설