조립식 주택이 제공됩니다! 이 주택들은 또한 매우 좋습니다...">
,需要通过父级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에서 판매하는 주택을 구입해야 할지 확인해 보세요. 전조주택 cDPH에서 판매 중인 주택 CDPH에서 프리패브 주택을 구매하면 최고 품질의 제품을 보장받을 수 있습니다. 우리가 말하고자 하는 것은, 우리의 주택이 가장 높은 기준에 따라 제작되었으며 최상의 자재만 사용하여 건설되었다는 점입니다. 조각들이 떨어지거나 수시로 수리가 필요한 번거로움을 겪을 필요가 없습니다. 또한 CDPH는 다양한 디자인과 스타일을 보유하고 있어 자신과 가족의 꿈의 집을 실현할 수 있도록 선택의 폭을 넓혀줍니다. 한 번에 여러 채의 주택을 주문하는 것을 고려 중이라면, CDPH는 도매 구매자를 위한 경제적인 솔루션도 제공합니다. 이는 집당 50% 할인 혜택을 받아 더 많은 비용을 절감할 수 있음을 의미합니다. 주택 시장에서의 참여 정도가 어떠하든 — 집을 리모델링하여 되팔고자 하는 부동산 투자자이거나 한 번에 완전히 새로운 커뮤니티를 조성하는 개발자이거나 — CDPH는 여러분에게 딱 맞는 주택 유형을 마련해 두었습니다. CDPH의 프리패브 주택을 구매하는 데는 많은 장점이 있습니다. 당사의 주택은 고품질이면서도 저렴할 뿐 아니라 매우 경제적입니다. 즉, 본인만의 새 집을 소유하면서 여분의 현금을 모두 쓰지 않고도 충분히 살 수 있다는 뜻입니다. 또한 CDPH는 제품 구매를 더욱 용이하게 하기 위해 금융 지원 플랜을 제공하고 있음을 강조하고 싶습니다. 이렇게 모든 면에서 우수한 조건을 갖추고 있는데, 어쩌겠습니까? 다른 곳의 집에서 살 이유가 있을까요? CDPH에서 조립식 주택을 도매 구매자로서 구매하면 현대적인 디자인의 주택에 쉽게 접근할 수 있습니다. 당사의 주택은 깨끗하고 모던하며, 현대적인 생활 공간을 원하는 분들에게 이상적입니다. 원하시는 모든 기능과 혜택을 갖춘 주택을 찾으세요 — 예산에 맞는 가격으로 제공됩니다. 지금 바로 CDPH의 특별 혜택을 확인하고 조립식 주택을 구매하세요! CDPH는 조립식 주택 구매 과정을 간단하고 효율적으로 유지합니다. 은퇴 후 다른 지역으로 이사하거나 도시의 임대 아파트로 옮기는 대신, House8080을 통해 온라인으로 접속하여 편안하게 둘러보고 현재 계신 자리에서 바로 집을 '주문'할 수 있습니다. 이제 더 이상 판매점 사이를 오가며 시간을 낭비하거나, 새 집에서 살기 시작하기 2주 전에야 소식을 전하는 번거로움이 없습니다. 특히 CDPH를 통해 온라인에서 조립식 주택을 쉽고 편리하게 구매할 수 있는 장점을 누릴 수 있습니다. 개발자이든 부동산 투자자이든 비즈니스를 한 단계 끌어올리려는 분이라면, CDPH가 여러분을 지원합니다. 우리는 쾌적하고 저렴한 주거 공간을 원하는 고객들을 위해 다양한 공장 제조 주택을 판매하고 있습니다. 새로운 분양지를 개발하든 집을 리모델링해서 되팔든 관계없이 CDPH는 여러분에게 맞는 해결책을 제공합니다. CDPH의 가격 대비 높은 품질과 최상의 상태, 독점적인 도매 제안은 최고의 선택입니다. 접이식 주택은 전통 주택의 판매용 프리패브 주택을 기반으로 하며, 고객의 요구 사항에 따라 설계가 가능하고 대량 생산이 가능하여 생활 환경을 더욱 안전하고 안정적이며 견고하게 만들어 줍니다. 이 방은 다양한 요구 사항을 수용할 수 있는 방식으로 활용할 수 있으므로 언제 어디서나 편안하게 거주할 수 있습니다. 빠른 배송! 포장 및 배송도 신속하게 이루어지며, 포장 담당 직원들이 고객의 요구 사항에 따라 접이식 주택을 포장하여 최고 품질의 제품을 제공합니다. 우리는 배송 과정의 모든 단계를 모니터링하여 귀하의 제품이 안전하고 확실하게 목적지에 도착하도록 보장합니다. 접이식 주택은 현장에서 용접 없이 시공이 가능하며, 설치 과정을 더 빠르고 쉽게 만들기 위해 설치 설명서를 제공합니다. 설명서의 절차를 따르면 접이 가능한 주택의 설치를 손쉽게 완료할 수 있습니다. 판매용 프리패브 주택: 더 안전하고 쾌적한 거주 공간을 만들어 보세요! 당사는 모든 구조 부재를 포함하는 표준 모듈식 설계를 활용합니다. 모든 부재는 공장에서 제작된 표준 규격 제품입니다. 적절한 크기와 배치를 선택하면, 귀하의 요구에 정확히 부합하는 거주 공간을 건설할 수 있습니다. 고객의 니즈와 선호도에 따라 다양한 모듈을 조합해 거실, 주방, 침실 등 다기능 통합 거주 공간으로서의 다양한 실내 구성이 가능합니다. 무엇보다도 당사의 컨테이너 하우스는 분해 및 조립이 간편하며, 견고한 구조와 우수한 성능(방수, 방습, 내화성 등)을 갖추고 있습니다. 조립 과정 또한 단순하고 관리가 용이하여 특별한 기술 지식이 필요하지 않습니다. 당사의 프리패브 컨테이너 하우스는 개인 주거용, 임시 사무실, 창고, 또는 기타 용도 등 고객의 다양한 요구에 맞게 제작됩니다. 지금 바로 컨테이너 룸을 구입하여 합리적인 가격과 세심한 고객 서비스를 누리세요! 컨테이너 룸 구매로 여러분의 삶을 더욱 편리하게 만드실 수 있습니다! 판매용 프리패브 주택, 독특한 형태, 아름다운 외관으로 당신의 집을 더욱 개성 있게 만들어 줍니다. 심플한 모던 스타일부터 빈티지 스타일까지, 당신의 취향에 맞는 다양한 스타일과 색상을 제공합니다. 베이징 청둥(Chengdong)은 사용자 중심의 접근 방식을 채택하여, 고객의 구체적인 요구 사항에 따라 맞춤 제작이 가능합니다. 레이아웃, 배수 및 전기 배선 계획, 건물 형태 등 개인의 선호도에 따라 꿈의 집을 직접 설계할 수 있습니다. 전기 및 수도 배관을 사전 제작함으로써, 인테리어 완공 후 파이프 재배치를 위한 번거로운 공정을 피할 수 있어, 인테리어 품질과 효율성을 높입니다. 거실, 식당, 침실, 주방, 욕실 등 다양한 실내 레이아웃 옵션을 폭넓게 제공하며, 당신의 선호도에 따라 선택하여 이상적이고 독창적인 주택을 창조할 수 있습니다. 애플 하우스(Apple House) — 최고 품질의 삶을 선사합니다! 애플 하우스는 독보적인 공간입니다! 프리패브 주택은 구조 강도를 위해 특별히 설계되어 우수한 내진 성능을 제공함으로써 안전을 보장합니다. 모듈식 설계로 이동이 용이하며, 다양한 디자인, 스타일, 실종류에 대한 고객의 개인적 선호에 따라 설치 방식을 유연하게 조정할 수 있습니다. 모든 부품은 공장에서 사전 제작되며, 현장에서 간단히 조립할 수 있어 별도의 전문 기술이 필요하지 않습니다. 사무실, 거주 공간, 창고용으로 사용하든 기타 어떤 용도로 활용하든, 프리패브 주택은 고객의 다양한 요구를 충족시킬 수 있습니다. 세련된 외관과 매끄러운 라인은 물론, 고객의 개성과 취향에 맞춘 맞춤화가 가능하여 완벽한 생활 공간을 창조합니다. 무엇보다도 프리패브 주택은 현장 용접을 필요로 하지 않으며, 설치를 더욱 쉽고 빠르게 해줄 상세한 설치 지침서를 함께 제공합니다. 최고의 삶을 누려보세요. 판매 중인 프리패브 주택, 즉 사전 제작된 주택을 선택하세요. CDPH는 다양한 유형의 모듈러 하우스, 사전 제작된 하우스 및 빌라 하우스를 제조 및 판매합니다. 광범위한 제품군은 우리에게 각 공사 캠프에 적합한 솔루션을 제공할 수 있도록 보장합니다.완공된 주택 판매
경쟁력 있는 가격으로 판매 중인 프리패브 주택을 구매하여 얻는 이점을 확인해 보세요

도매 구매자를 위한 현대식 프리패브 주택 특별 할인 혜택을 만나보세요

온라인에서 판매 중인 프리패브 주택을 구매하는 편리함과 효율성을 경험해 보세요

다양한 선택이 가능한 당사의 프리패브 주택 제품군으로 비즈니스를 한 단계 업그레이드하세요
Why choose CDPH
완공된 주택 판매?
고품질 접이식 주택
좋은 판매 컨테이너 하우스
현대식 애플 캐빈
신규 도착 사전 제작 주택
원하는 내용을 찾지 못하셨나요?
지금 견적 요청하기
더 많은 이용 가능한 제품은 전문가와 상담해 주세요.문의하기
27년 이상의 경력
공사 캠프 건설