ng CDPH...">
,需要通过父级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);
}
});
})();
Ang mga kubo ng kapsula ay mga maliit na bahay na nagwagi ng dagdag na lakas sa mas malalaking mga lungsod sa buong bansa, tulad ng CDPH. maliit na bahay kapsula . Ang mga bahay ay maliit, halos ang sukat ng isang maliit na silid. Sa disenyo, maaaring gumamit ng espasyo nang makabulag at halos lahat ng ito ay nakafit sa isang maliit na lugar. Nagiging magandang pilihin sila para sa mga taong gustong magtira sa lungsod. Sa Tsina, kung saan maraming tao ang naninirahan sa lungsod at wala namang sapat na espasyo para mayroon lahat ng malaking bahay, ang mga capsule house ay dumadagdag sa popularidad. Halimbawa: May malaking populasyon sila sa unang-una at marami silang malalaking lungsod, kaya mahirap man hanapin ang isang lugar kung saan maaari kang mamuhay. Gusto ng mga tao na mamuhay malapit kung saan trabaho at maglaro nila, pero hindi sa isang mahal na malaking apartamento. Maaaring mabuti ang mga capsule houses, pati na rin ang CDPH modernong kapsul na bahay maliit lamang ang kanilang benta, gumagamit ng halos walang espasyong sahig kaya ideal sila para sa pamumuhay sa lungsod. Mga bagay na maaari mong makita kapag dumating sa isang bayan o lungsod tulad ng Beijing ay isa sa mga lungsod. Ang katotohanan na ang mga lungsod na ito ay sobrang crowded, masyadong maraming tao na nagtataas dito at doon na umaaral upang makakuha ng kumpyutador na komportable na lugar. Kaya marami sa mga modernong tao mula sa bata hanggang manggagawa ay popular sa mga bahay kapsula. Ito ay nagpapahintulot sa mga tao na mamuhay sa lungsod at hindi magastos ng malaking halaga sa renta. Ang mga bahay kapsula ay madali ring ilipat, katulad ng CDPH's prefab homes modern . Maaari mong dalhin ang iyong bahay kapsula kapag may pangangailangan kang baguhin ang trabaho o paaralan. Maaaring nakita mo na ang ilang balitang may mga larawan mula sa loob ng isang kapsulang bahay sa Tsina, na ipinapakita ito bilang isang napakaliit na kapaligiran. Habang ang hukay ay mas maramdaman bilang isang bunk bed, kasama lamang sa itaas ng bahay. Sa dagdag pa, may mga maliit na rack kung saan ilagay ang iyong mga damit at personal na bagay. Kadalasan ay mayroon ding maliit na upuan o mesa kung saan niya ginagawa ang kanyang takdang-aralin, kinakain ang anumang pagkain na hindi sa sofa, atbp. Karaniwan ding mayroong maliit na banyo sa mga kapsulang bahay na gamit para sa pangaraw-araw na pangangailangan. Tingnan mo kung gaano sila maraming nilagay sa ganitong maliit na puwang - isang talinoang disenyo. Ang mga kubo ng kapsula ay isang bagong trend sa Tsina, na maaaring magbigay sa iyo ng ilang ideya tungkol kung paano magiging ang mga bahay kung mas matagal tayong mabubuhay. Bilang bumabalik ang lahat sa lungsod para makapensa, walang paraan para mayroon siyang sapat na apartamento o bahay para sa kanila at kanilang aso. Kaya't ang mga kubo ng kapsula ay isang mahusay na solusyon dahil hindi ito kumakain ng maraming puwesto at maaari niyang mabayaran ng bawat isa. Ang folding house ay itinatayo gamit ang modular na pamantayan na maaaring ayusin ayon sa mga kinakailangan ng iyong Capsule house china. Ito ay nagpapadali sa mass production at ginagawa ang iyong bahay na mas ligtas, matatag, at maaasahan. Bukod dito, ang espasyo ay maaaring pagsamahin nang fleksible upang tugunan ang iba't ibang pangangailangan sa paggamit, kaya't maaari kang magkaroon ng komportableng karanasan sa pamumuhay anumang oras at mula saanman. Mabilis na paghahatid! Ang paghahatid at packaging ay napakahabilis. Gumagamit kami ng isang bihasang koponan sa packaging ayon sa iyong mga tukoy na instruksyon para i-pack ang folding room at tiyakin na tatanggap ka ng pinakamahusay na produkto. Babantayan namin ang bawat hakbang ng proseso ng paghahatid upang matiyak na ang iyong mga item ay lalapag nang ligtas sa kanilang destinasyon. Ito rin ang pinakamadaling opsyon, dahil ang silid ay madaling i-fold at itayo nang walang welding sa lugar, at binibigyan ka namin ng mga instruksyon sa pag-install upang gawing mas madali at mas mabilis ang iyong pag-install. Kung susundin mo ang aming mga instruksyon, simple lamang ang pag-install ng foldable home. Ang Capsule house china ay binuo gamit ang natatanging disenyo para sa kahusayan ng istruktura at kakayahang magbigay ng mabuting pagganap laban sa lindol upang matiyak ang kaligtasan. Modular na disenyo, madaling ilipat, at ang pag-install ay maaaring i-adapt batay sa personal na panlasa sa iba't ibang istilo at uri ng kuwarto. Ang lahat ng bahagi ay gawa sa pre-fabricated na materyales at madaling i-install nang hindi nangangailangan ng espesyal na kasanayan. Kung gagamitin man ito bilang tirahan, opisina, imbakan, o sa iba pang sitwasyon, ang pre-fabricated na bahay ay kayang tugunan ang iyong mga pangangailangan. Estilong itsura, manipis at maayos na mga linya, at maaaring i-customize batay sa iyong sariling panlasa upang lumikha ng natatanging espasyo para sa pamumuhay. Pinakamaganda pa rito, ang mga pre-fabricated na bahay ay hindi kailangang i-weld sa lugar ng pag-install, at bibigyan ka rin namin ng mga instruksyon sa pag-install upang gawing mas simple at mas mabilis ang proseso ng pag-install. Tangkilikin ang pinakamahusay na buhay na kayang abutin mo at piliin ang Chengdong pre-fabricated houses. Kabahayan ng Apple, unikong anyo, magandang anyapan, gagawin mong mas personal ang iyong tahanan. Mayroon kaming iba't ibang kulay at estilo upang tugunan ang iyong mga pangangailangan sa estetika mula sa modernong pangunahin hanggang sa antigo. Ang Beijing Chengdong ay nakatuon sa mga pangangailangan ng gumagamit, maaaring ipersonalize upang tugunan ang iyong mga tiyak na pangangailangan. Maaari mong itayo ang iyong pangarap na bahay sa pamamagitan ng pagpaparami ng layout, supply ng kuryente at tubig, ang anyo, at iba pa sa mga Capsule house china batay sa iyong mga pavorito. Prefabricated namin ang mga pipa ng tubig at kuryente bago ang paggawa, kaya iniiwasan ang mahirap na proseso ng pag-uulit ng mga pipa ng kuryente at tubig matapos ang dekorasyon ng bahay, at ipinapabuti ang kalidad at katatagan ng dekorasyon. Maaari mong pumili mula sa isang saklaw ng mga solusyon sa disenyo ng loob para sa iyong living room, dining area, kuwarto, banyo, at marami pa. Isang baitang ng buhay, mula sa Apple House! Dalawin at maranasan ang natatanging atractibong ito ng Apple House! Tahanan mula sa kontainer—gawin ang iyong pamumuhay na mas ligtas at komportable! Ang lahat ng mga bahagi ng istruktura ay prefabricated 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 kinakailangan 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, Capsule house china, at mga silid-tulugan. Ang pinakamahalagang bagay ay ang aming tahanan mula sa kontainer ay madaling i-disassemble at i-assemble, may matatag na istruktura, at mahusay na pagganap—tulad ng waterproof, moisture-proof, at fire prevention—habang ang proseso ng pag-install ay simple at madaling pangasiwaan, at hindi nangangailangan ng anumang antas ng kasanayan sa teknikal. Ang mga tahanan mula 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! 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.Bahay na kape tsina
Ang Uber ng Mga Kapeng Bahay sa Tsina

Mga Bahay na Kape sa Mahusay na Lungsod

Sa Dalamhati ng Mga Bahay na Kape

Ang Kinabukasan ng Mga Bahay na Kape
Why choose CDPH
Bahay na kape tsina?
Mataas na kalidad na bahay na maaaring mag-fold
Bagong dating prefab house
Modern Style apple cabin
Mabuting Benta ng container house
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