, malalaking m...">
,需要通过父级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 bahay na gawa sa container ay isang kakaibang paraan upang magtayo ng tirahan. Maaari pa nga itong gawin mula sa shipping containers , malalaking metal na kahon na ginagamit para ilipat ang mga bagay sa barko. Maaaring i-recycle at gawing tirahan ang mga ito, na mainam para sa kalikasan dahil nababawasan ang basura. Mayroong maraming mga disenyo na maaaring gamitin sa paggawa ng container homes. Gusto ng ibang tao na panatilihing parang kahon-kontainer ang itsura nito sa labas, at idagdag lamang ang mga pinto, bintana, at kahit mga halaman upang mas lumikha ito ng itsura ng karaniwang bahay. Pagdating sa loob, maaari mong idisenyo ang anumang gusto mo; mga banyo, kusina, kuwarto, at living area, tulad ng paggawa sa isang tradisyonal na bahay. Walang hanggan ang mga posibilidad! Isa sa mga pinakamalaking benepisyo ng mga bahay na gawa sa container ay ang kanilang kilala bilang mas murang alternatibo kumpara sa mga karaniwang bahay. Dahil ang pangunahing istraktura ay naroroon na (ang container), ang ilang bahagi ng gusali ay maaaring magawa gamit ang mas mura na materyales sa paggawa at mas kaunting paggawa kaysa sa karaniwan. Ito ang nagiging dahilan kung bakit abot-kaya ang mga bahay na gawa sa container para sa mga interesadong pumili ng murang opsyon sa pabahay. At, kung ikaw ay mahilig sa mga proyekto, maaari mo ring itayo ang sarili mong bahay na gawa sa container, kung swertihin ka at mayroon kang mga kagamitan para dito, na maaaring makatipid pa nang higit sa pera mo! Ang mga bahay na gawa sa container ay maaaring magmukhang chic at makabago, na may maraming inobatibong ideya sa disenyo upang palitan sila mula sa isang silid-palaruan ng mga bata hanggang sa isang stylish na opisina sa hardin. Maaari mong idagdag ang tulad ng mga solar panel upang mas mapabilis ang pagtitipid ng enerhiya ng iyong bahay; ang berdeng bubong ay maaaring makatulong upang mapanatiling malamig ang iyong tahanan sa tag-init, halimbawa. Maaari mo ring pinturahan ang labas ng container ng mga masayang kulay o disenyo upang magdagdag ng kaunting pagkakakilanlan. Maaari mong gamitin nang malikhain ang espasyo at bawasan ang hitsura ng kalat sa pamamagitan ng mga built-in na istante at mga kasangkapan na pababa kapag ginagamit. Kung ikaw ay nasa pag-iisip tungkol sa isang bahay na gawa sa container, may ilang mga bagay na dapat mong malaman bago ka magsimula. Una, kailangan mong isipin kung gaano kalaki ang gusto mong bahay – gusto mo bang isang container lamang, o isang pinagsama-samang mga container? Kailangan mo ring isaalang-alang ang layout ng mga kuwarto at kung saan ang pinakamahusay na lugar para sa mga bintana at pintuan. Mahalaga na maging maingat na maingat sa iyong pagpaplano bago magsimula ng anumang gawaing pang-gusali. Ang mga bahay na gawa sa container ay maaaring masikip. Ang pangunahing hamon sa isang bahay na gawa sa container ay ang espasyo. Ngunit sa ilang makabagong ideya sa disenyo, maaari mong mapakinabangan ang espasyo sa iyong apartment habang nananatiling nakapreserba sa badyet. Maaari kang gumamit ng multi-functional na muwebles na may higit sa isang gamit (tulad ng isang sofa na maaaring gawing kama, o isang mesa na maaaring itabi kapag hindi ginagamit). Maaari mo ring gamitin ang vertical na espasyo sa pamamagitan ng paglalagay ng mga istante o yunit ng imbakan na umaabot sa pader. Sa pamamagitan ng kaunting malikhaing pagpaplano, maaari mong ganap na mapakinabangan ang espasyo ng iyong bahay na gawa sa container at gawin itong tila mas malaki kaysa sa aktuwal nito. disenyo ng bahay na gawa sa kontainer, lumikha ng mas ligtas na espasyo para sa pamumuhay at mas komportable! Ginagamit namin ang standard na modular na disenyo na kasama ang lahat ng mga struktural na bahagi. Lahat ng ito ay mga standard na bahagi na ginagawa sa pabrika. Pumili ng tamang sukat at layout upang mabuo ang iyong espasyo para sa pamumuhay ayon sa iyong mga pangangailangan. Ayon sa kanilang mga pangangailangan at kagustuhan, ang iba't ibang mga module ay maaaring pagsamahin upang makabuo ng iba't ibang layout ng kuwarto upang makamit ang multi-functional na integrated na espasyo para sa pamumuhay tulad ng living room, kitchen, at bedroom. Ang pinakamahalagang aspeto ay ang aming bahay na gawa sa kontainer ay madaling i-disassemble at i-assemble, may matibay na istruktura, at may mahusay na pagganap—tulad ng waterproof, moisture-proof, at fire-proof—habang ang proseso ng assembly ay simple at madaling pangasiwaan, at hindi nangangailangan ng anumang espesyal na teknikal na kaalaman. Ang aming prefabricated na bahay na gawa sa kontainer ay binubuo upang tumugma sa iyong mga pangangailangan, kung ito man ay para sa pribadong tirahan, opisina para sa pansamantalang gamit, imbakan, o anumang iba pang layunin. Ngayon na ang panahon para makakuha ng isang silid na gawa sa kontainer at makakinabang sa mas murang presyo at sa maingat na serbisyo sa customer. Madadali mong mapapagaan ang iyong buhay sa pamamagitan ng pagbili ng isang silid na gawa sa kontainer! Ang folding house ay gumagamit ng modular na istilo ng tradisyonal na bahay, na maaaring idisenyo ayon sa iyong mga kailangan upang makamit ang mass production at tulungan kang gawing mas ligtas, matatag at secure ang iyong lugar na paninirahan. Bukod dito, ang fold-away room ay sapat na versatile upang tugunan ang iba't ibang pangangailangan sa paggamit, kaya naman maaari kang makaranas ng kaginhawahan ng iyong tahanan anumang oras at saanman. Mabilis na paghahatid! Ang proseso ng packaging at delivery ay mabilis, dahil ginagamit namin ang isang ekspertong packaging team na sumusunod sa iyong mga kailangan sa pag-pack ng fold room upang matanggap mo ang pinakamahusay na produkto. Pansinin namin ang buong proseso ng delivery upang siguraduhing ligtas na mararating ang iyong mga produkto sa kanilang destinasyon. Ang folding room ay maaaring itayo nang walang welding sa site, at nagbibigay din kami ng mga direksyon para sa installation upang gawing mas epektibo at mas mabilis ang proseso. Kung susundin mo ang mga hakbang sa mga instruksyon, magagawa mong i-design ang container home at maisagawa ang installation ng iyong folding house. disenyo ng bahay na gawa sa kontainer, natatanging hugis, magandang anyo, nagbibigay-daan para gawin ang iyong bahay na mas personal. Mula sa simpleng moderno hanggang sa vintage, nag-ooffer kami ng iba't ibang istilo at kulay na angkop sa iyong panlasa. Ang Beijing Chengdong ay nakatuon sa mga pangangailangan ng mga gumagamit at maaaring i-customize upang tugunan ang iyong tiyak na kailangan. Maaari mong idisenyo ang iyong pangarap na bahay sa pamamagitan ng pagbabago ng layout, distribusyon ng tubig at kuryente, hugis, at iba pang katangian batay sa iyong personal na kagustuhan. Ang pre-fabrication ng mga linya ng kuryente at tubig ay tumutulong sa amin na maiwasan ang mahabang proseso ng pag-uulit ng pagkakalagay ng mga tubo kapag na-decorate na ang bahay, na nagpapataas ng kalidad at kahusayan ng dekorasyon. Nag-ooffer kami ng malawak na hanay ng mga opsyon para sa interior layout na kasama ang living room, dining room, bedroom, kitchen, bathroom, atbp. Maaari mong piliin ang mga ito ayon sa iyong kagustuhan upang lumikha ng isang ideal at natatanging bahay para sa iyo. Apple House – Pinakamahusay na kalidad ng pamumuhay! Ang Apple House ay isang natatanging lugar! Ang mga bahay na pre-fabricated ay container home design na madaling pagdikitin at hindi nangangailangan ng anumang espesyal na kaalaman. Angkop ang mga ito para sa opisina, tirahan, imbakan, o iba pang layunin. 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.diseño ng bahay sa container
Mga Solusyon sa Abot-Kayang Pabahay na may Disenyo ng Container Home

Mga Makabagong Ideya sa Disenyo para sa Estilong Container Homes

Paano I-customize at Idisenyo ang Sarili Mong Bahay na Gawa sa Container

Pag-maximize ng Espasyo sa Munting Tirahan Gamit ang Disenyo ng Container Home
Why choose CDPH
diseño ng bahay sa container?
Mabuting Benta ng container house
Mataas na kalidad na bahay na maaaring mag-fold
Modern Style apple cabin
Bagong dating prefab 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