를 제공합니다.">
,需要通过父级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);
}
});
})();
현장이나 캠프에서 근로자를 위한 스마트 솔루션이 필요하신가요? 우리 회사 CDPH는 우수한 근로자 캠프용 프리패브 건물 을 제공합니다. 게다가 이 주택은 실현 가능하며 저비용이며 근로자의 숙소로도 사용할 수 있습니다. CDPH는 근로자를 위한 양질의 주거 환경을 지원합니다. 우리 준비된 집 좋은 재료로 제작되어 편안함과 안전성을 보장합니다. 각 주택은 기본 시설을 갖추고 있으며 기후에 견딜 수 있도록 설계될 수 있습니다. 극심한 더위나 폭우 속에서도 우리의 집들은 하루 일과의 고된 노동에서 벗어나 편안히 머무를 수 있는 공간을 제공합니다. 또한 한 번에 여러 대의 프리패브 주택을 구매하고자 한다면, CDPH는 도매 구매 고객을 위한 특별 할인 혜택도 제공합니다. 당사의 저비용 제품은 품질을 절대 타협하지 않으며 귀하의 예산에 맞게 맞춤 조정이 가능합니다. 기존의 전통적인 건축 자재와 인건비가 줄어들기 때문에 당사의 프리패브 주택을 선택함으로써 비용을 절감하게 되고, 결과적으로 귀하가 이익을 얻게 됩니다. 우리는 모든 노동 캠프가 특정한 요구 사항을 가지고 있다는 것을 이해하고 있습니다. 그래서 CDPH는 귀하의 고유한 요구를 충족시킬 수 있도록 맞춤형 옵션을 제공합니다. 파티를 위한 더 넓은 공간이 필요하시든, 보다 작은 생활 공간을 원하시든, 귀하의 꿈과 아이디어 그리고 가족 규모에 따라 다양한 옵션을 제안해 드릴 수 있습니다. 우리는 고객과 협력하여 모든 요소를 맞춤 설계함으로써 근로자들이 가능한 최상의 생활 환경을 경험할 수 있도록 합니다. 프리패브 주택을 선택하실 때 가장 큰 장점 중 하나는 설치가 매우 빠르고 간편하다는 점입니다! 당사의 프리패브 주택은 첨단 공법을 사용하여 단지 며칠 만에 설치할 수 있습니다. 이러한 신속한 설치는 시간을 절약해 줄 뿐만 아니라 작업 인력을 훨씬 빠르게 현장에 투입할 수 있게 해줍니다. 전문 설치팀이 설치를 완전히 책임지고 진행하므로 귀하는 별도의 노력 없이 짧은 시간 안에 바로 거주 가능한 주택을 이용할 수 있는 스트레스 없는 경험을 하실 수 있습니다. CDPH는 지속 가능성을 매우 중요하게 생각합니다. 당사의 기성 주택은 강하고 내구성이 뛰어난 재료로 제작되어 단지 약간의 혹독한 날씨를 넘어서는 견고함을 자랑합니다. 당사의 사전 조립 제품을 선택하시면 폐기물 감소와 환경에 미치는 영향을 줄이는 지속 가능한 선택을 하고 있다는 확신을 가질 수 있습니다. 이 주택들은 기능적으로 사용이 가능하며 재사용을 위해 이동 및 운반할 수 있어 유연성을 제공하고 새로운 자재 사용을 줄일 수 있습니다. 컨테이너 하우스는 보다 안전하고 쾌적한 거주 공간을 조성할 수 있습니다! 당사는 표준 모듈식 설계를 활용하며, 모든 구조 부재는 공장에서 표준화된 방식으로 사전 제작됩니다. 적절한 크기와 배치를 선택하면 귀하의 요구에 정확히 부합하는 거주 공간을 신속하게 건설할 수 있습니다. 고객의 요구사항과 선호도에 따라 여러 개의 모듈을 조합하여 프리패브릭 하우스 노동자 숙소, 거실, 주방, 침실 등 통합된 생활 공간으로 다양하게 구성할 수 있습니다. 당사의 컨테이너 하우스는 방수, 내부 및 외부 모두 방수 처리, 내식성, 내화성 등 뛰어난 특성을 갖추고 있습니다. 설치는 간단하고 직관적이며, 특별한 기술 지식을 필요로 하지 않습니다. 개인 거주용, 임시 사무실, 창고 또는 기타 용도로 사용하려는 경우, 당사의 프리패브릭 컨테이너 하우스는 귀하의 다양한 요구에 맞게 설계되었습니다. 지금 바로 박스룸(컨테이너룸)에 투자하여 합리적인 가격과 세심한 고객 서비스를 동시에 누리세요. 컨테이너룸을 구매해 삶의 질을 한층 높여보세요! 접이식 주택은 전통적인 주택의 모듈식 스타일을 채택하여 귀하의 요구 사항에 따라 설계할 수 있으며, 대량 생산을 실현하고 거주 공간을 더욱 안전하고 안정적으로 만들 수 있습니다. 또한 접이식 방은 다양한 용도 요구를 충족시킬 수 있을 만큼 다용도로 설계되어, 언제 어디서나 가정의 편안함을 누릴 수 있습니다. 빠른 배송! 포장 및 배송 절차가 신속하게 이루어지며, 귀하의 요구 사항에 따라 숙련된 포장 팀이 접이식 방을 정성스럽게 포장하여 최상의 제품을 제공합니다. 귀하의 제품이 안전하게 목적지에 도달할 수 있도록 전체 배송 과정을 철저히 관리합니다. 접이식 방은 현장에서 용접 없이 시공할 수 있으며, 설치 효율성을 높이고 공사 기간을 단축하기 위해 설치 지침서도 함께 제공합니다. 지침서에 명시된 절차를 준수하시면, 접이식 주택의 설치를 간편하게 완료하실 수 있습니다. 애플 캐빈: 독특한 형태와 아름다운 외관으로, 당신의 집을 더욱 개성 있게 만들어 줍니다. 단순하고 현대적인 스타일부터 전통적인 스타일까지, 다양한 색상과 디자인을 폭넓게 제공하여 고객님의 취향을 만족시켜 드립니다. 베이징 청둥(Chengdong)은 사용자의 니즈와 요구 사항에 중점을 두고 있습니다. 고객님의 개별 요구에 맞춰 맞춤 제작이 가능하며, 원하시는 대로 주택의 평면도, 배치, 급수·배수 시설, 전기 설비 등 모든 요소를 조정할 수 있습니다. 이를 통해 오직 당신만을 위한 완벽하고 독특한 주거 공간을 실현할 수 있습니다. 급수 및 전기 배관을 공장에서 사전 제작함으로써, 인테리어 공사 후 파이프 재배치라는 번거로운 과정을 피할 수 있어, 인테리어 공사의 효율성과 품질을 높일 수 있습니다. 거실 및 식당, 침실, 주방, 욕실 등 다양한 실내 공간에 대한 다수의 평면 구성 옵션을 제공합니다. 고객님의 필요와 선호에 가장 잘 부합하는 옵션을 선택하여, 이상적이고 독보적인 주거 공간을 창조해 보세요. 애플 하우스(Apple House) — 최고 수준의 품질 있는 삶을 선사합니다! 애플 하우스의 프리패브릭레이티드 하우스 노동자 숙소(프리패브릭레이티드 하우스 래버 캠프)를 지금 바로 탐색해 보세요! 프리패브 주택은 구조적 구조에 특화된 설계를 채택하여 뛰어난 내진 성능을 갖추고 있어 안전을 확보합니다. 모듈식 설계로 운반이 용이하며, 프리패브 주택 노동자 숙소로도 활용 가능하며, 다양한 스타일 및 실종류에 따라 고객의 개별적인 선호도에 맞춰 맞춤 제작이 가능합니다. 모든 부품은 공장에서 사전 제작되어 설치가 간편하며, 특별한 기술이 필요하지 않습니다. 거주용, 사무실, 창고 또는 기타 용도 등 어떤 상황에도 프리패브 주택은 귀하의 요구를 충족시켜 드립니다. 세련된 외관과 매끄러운 라인으로, 개인의 취향에 따라 맞춤형으로 조정하여 독창적인 생활 공간을 창출할 수 있습니다. 무엇보다도 프리패브 주택은 현장 용접이 필요 없으며, 설치 과정에 대한 상세한 설명서를 제공하여 설치를 더욱 쉽고 빠르게 해드립니다. 청둥(Chengdong) 프리패브 주택을 선택함으로써 보다 쾌적한 삶의 혜택을 누려 보세요. CDPH는 다양한 유형의 모듈러 하우스, 사전 제작된 하우스 및 빌라 하우스를 제조 및 판매합니다. 광범위한 제품군은 우리에게 각 공사 캠프에 적합한 솔루션을 제공할 수 있도록 보장합니다.프리패브 주택 노동자 캠프
도매 구매자를 위한 경제적인 솔루션

귀하의 요구를 충족시키기 위한 맞춤형 옵션

빠르고 효율적인 설치 과정

내구성 있고 지속 가능한 건축 자재
Why choose CDPH
프리패브 주택 노동자 캠프?
좋은 판매 컨테이너 하우스
고품질 접이식 주택
현대식 애플 캐빈
신규 도착 사전 제작 주택
찾으시는 제품이 없으신가요?
견적 요청하기
더 많은 제품 정보를 위해 저희 컨설턴트에게 문의하십시오.문의하기
27년 이상의 경력
공사 캠프 건설