ay idinisenyo upang mas mapadali ang proseso ng pagtatayo—mula sa paghahatid hanggang sa pagkumpleto—na nagbibigay-daan sa iyo na masimulan nang mabilisan ang iyong proyekto nang walang mga pagkaantala.">
,需要通过父级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);
}
});
})();
Sa CDPH, nauunawaan namin ang kahalagahan ng simpleng ngunit mabilis na pag-install pagdating sa mga prefab home. Ang aming mga solusyon sa pre-fabricated housing ay magpapatakbo sa iyo nang walang sayang na oras, na nakakatipid ng mahahalagang mapagkukunan sa gastos ng paggawa at materyales; ang modular na solusyon ay nagbubunga ng matibay na istraktura na kayang tumagal laban sa halos lahat ng uri ng kalikasan. Pagdating sa mga prefab na bahay, ang oras ay kritikal. Maaaring mabilis na itayo at iwaksi ang aming mga modular na gusali sa lugar, na nakakatipid sa iyo ng pera sa tagal ng konstruksyon at nawalang operasyon. Simple rin naman ang pag-install, kasama ang madaling sundan na mga tagubilin sa pag-assembly at mga pre-fabricated na bahagi. Kung naghahanap ka man ng pansamantalang hiwalay na opisina sa bahay o lugar ng proyekto para sa isang bagong konstruksiyon, ang aming mga prefabrikadong bahay maaaring i-set up at gamitin agad. Ang mga prefabricated na bahay ay hindi lamang abot-kaya, kundi isang matalinong pagpili sa pabahay. Ang aming CDPH ay nag-aalok ng kaakit-akit, matipid, at mabilis buuin na pre-fab na bahay na angkop para sa pangkalahatang gamit kabilang na rito ang tirahan, pansamantalang tuluyan, at komersyal na gusali. Ang aming mga cabin ay ginawa na may budget sa isip ngunit matibay pa rin. Sa pamamagitan ng pagpili ng prefab na bahay mula sa CDPH, mas makakatipid ka sa gastos sa konstruksyon habang nakakakuha ka ng matibay at komportableng estruktura para sa paninirahan. Ang mga disenyo ng prefab na bahay ay malayo nang narating sa mga kamakailang taon, kasama ang mga modernong uso. Sa CDPH, lagi kaming nakaseguro sa mga kasalukuyang uso sa disenyo upang maibigay sa aming mga customer ang mga modernong at estilong modular na bahay. Dahil sa iba't ibang opsyon, ipinapakita namin ang pinakabagong modernong disenyo kabilang ang mga materyales tulad ng abot-kayang clei wall bed system, eco-friendly na kawayan, at ilang uri ng de-kalidad na kahoy; para sa karagdagang impormasyon tungkol sa mga disenyo na ito, mangyaring tumawag sa alinman sa aming mga tindahan. Maging ikaw man ay interesado sa isa sa aming standard na plano ng prefab na bahay o isang custom na disenyo, mayroon kaming tamang mga pre-fabricated na bahay na angkop sa iyong pangangailangan. May ilang mga bagay na dapat tandaan kapag bumibili ng mga prefabricated homes upang matiyak na napili ang perpektong solusyon para sa iyong sitwasyon. Sa CDPH, inirerekomenda namin sa aming mga customer na isaalang-alang ang badyet, oras, lugar, at kung ano ang hanap nila habang bumibili ng isang prefab home. Mula sa custom design o standard model, kasama namin ang aming mga customer sa buong proseso upang matiyak na maibibigay namin ang sistema na inaasahan mo. Kung bibigyang-pansin ang lahat ng salik, magagawa mong gawin ang isang matalinong desisyon at bumili ng isang prefab home na maaaring maging pinakamatalik mong kaibigan sa susunod na ilang dekada. Ang prefab na bahay ay gumagamit ng espesyal na disenyo para sa kahusayan ng istruktura at kakayahang magbigay ng mabuting pagganap laban sa lindol upang matiyak ang kaligtasan. Ang modular na disenyo ay madaling ilipat, at ang pag-install ay maaaring i-adapt batay sa iyong personal na panlasa sa iba't ibang disenyo, istilo, at uri ng kuwarto. Lahat ng mga bahagi ay pre-fabricated at madaling ilagay sa tamang posisyon nang walang pangangailangan ng anumang espesyal na kasanayan. Kung ito man ay para sa opisina, tirahan, imbakan, o anumang iba pang sitwasyon, ang prefab na bahay ay kayang tugunan ang iyong mga pangangailangan. Nakakaakit na anyo, malalapat na guhit, at ang kakayahang i-customize batay sa iyong personal na panlasa upang lumikha ng perpektong espasyo para sa pamumuhay. Pinakamahusay pa rito, ang mga prefab na bahay ay hindi nangangailangan ng welding sa lugar, at binibigyan ka namin ng mga instruksyon sa pag-install upang gawing mas madali at mas mabilis ang proseso ng pag-install. Tangkilikin ang pinakamahusay na buhay na maaari mong maranasan—pumili ng abot-kaya at prefab na bahay. Ang folding house ay sumusunod sa mga abot-kaya at pre-fabricated na bahay na maaaring i-arrange batay sa iyong mga kailangan upang mapataas ang produksyon at gawing mas ligtas, matatag, at maaasahan ang iyong tirahan. Ang kuwarto ay maaaring i-arrange sa paraan na kayang tugunan ang iba't ibang pangangailangan, kaya't komportable ka man saanman at kailanman. Mabilis na pagpapadala! Ang pagpapadala at pagpapakete ay napakahabilis. Gumagamit kami ng isang kadalubhasang koponan sa pagpapakete ayon sa iyong mga tukoy na pamantayan para sa pagpapakete ng folding room, upang makatanggap ka ng produkto na may pinakamataas na kalidad. Sinusubaybayan namin ang lahat ng proseso ng pagpapadala upang siguraduhing ligtas na mararating ang iyong mga item sa kanilang destinasyon. Pinakamahalaga, madaling i-install ang folding room nang walang on-site na welding, at nag-ooffer kami ng mga gabay sa pag-install upang gawing mas mabilis at mas madali ang proseso ng iyong pag-install. Kung susundin mo ang mga instruksyon, madali mong maii-install ang foldable home. Bahay na gawa sa kontainer—gawin ang iyong pamumuhay na mas ligtas at komportable! Ang lahat ng mga bahagi ng istruktura ay pre-fabricated sa pabrika. Sa pamamagitan ng pagpili ng tamang sukat, konpigurasyon, at disenyo, maaari mong mabilis na itayo ang iyong espasyo para sa tirahan. Batay sa mga kailangan at kagustuhan ng kliyente, ang iba’t ibang mga module ay maaaring pagsamahin upang lumikha ng iba’t ibang layout para sa mga silid tulad ng kusina, abot-kaya’t pre-fabricated na mga bahay, at mga silid-tulugan. Ang pinakamahalagang bagay ay ang aming bahay na gawa sa kontainer ay madaling i-disassemble at i-assemble, may matatag na istruktura, at mahusay na pagganap—halimbawa, waterproof, moisture-proof, fire prevention—habang ang proseso ng pag-install ay simple at madaling pangasiwaan, at hindi nangangailangan ng anumang antas ng teknikal na kasanayan. Ang mga bahay na gawa sa kontainer na aming itinatayo ay idinisenyo upang tumugma sa iyong mga pangangailangan, man ito man para sa pribadong tirahan, pansamantalang opisina, imbakan, o iba pang layunin. Ngayon na ang panahon para bumili ng isang 'box room'—at makakuha ka rin ng mas mababang presyo kasama ang maingat na serbisyo sa customer. Pagbutihin ang iyong buhay sa pamamagitan ng pagbili ng isang container room! Kabinete ng Apple, natatanging hugis, magandang anyo, nagpapaganda sa iyong tahanan at nagbibigay-daan para maging mas personal ito. Mayroon kaming iba't ibang kulay at istilo na angkop sa iyong pangangailangan sa estetika, mula sa simpleng moderno hanggang sa vintage. Ang Beijing Chengdong ay nakatuon sa mga pangangailangan ng gumagamit at maaaring i-customize upang tugunan ang iyong tiyak na kailangan. Maaari mong itayo ang iyong pangarap na tahanan sa pamamagitan ng pag-aadjust sa layout, sa suplay ng kuryente at tubig, sa hugis, at sa iba pang abot-kayang pre-fabricated na bahay batay sa iyong mga kagustuhan. Nangunguna kami sa pagpapabuo ng mga tubo para sa tubig at kuryente bago ang konstruksyon, kaya naman maiiwasan ang mahirap na proseso ng pag-uulit ng pagkakalagay ng mga linya ng kuryente at tubig pagkatapos ng dekorasyon ng bahay, na nagpapataas ng kahusayan at kalidad ng dekorasyon. Maaari kang pumili mula sa hanay ng mga solusyon sa interior design para sa iyong living room, dining area, bedroom, bathroom, kitchen, at marami pa. Isang dekalidad na buhay, mula sa Apple House! Dumating at subukan ang natatanging atraksyon ng Apple House! 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.Magkakahaling prefab houses
Madaling at mabilis na pag-install ng mga prefab na bahay

Abot-kayang mga prefab na bahay para sa pangkaraniwang gamit

Nangungunang mga uso sa disenyo ng prefab na bahay

Ano ang dapat isaalang-alang kapag bumibili ng mga prefab na bahay
Why choose CDPH
Magkakahaling prefab houses?
Bagong dating prefab house
Mataas na kalidad na bahay na maaaring mag-fold
Mabuting Benta ng container house
Modern Style apple cabin
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