, protože působí esteticky přitažlivě ...">
,需要通过父级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);
}
});
})();
V poslední době dostávají domy z kontejnerů tolik pochvalu. Lidé jako CDPH skládací kontejnerový dům protože vypadají dobře a pro mnoho lidí je snadné je sestavit. Proto se v tomto příspěvku podíváme hlouběji na kontejnerové domy a proč je tolik lidí přitahujících k životu v nich. Na začátku, kontejnerové domy v bytovém průmyslu jsou obvykle postaveny z starých nebo použitých nákladních kontejnerů. Pokud do těchto kontejnerů vyříznete okna a dveře, lze je převést na dům. To je důvodem, proč jsou ideální pro rychlou a účinnou využití při stavbě nového domu. Kontejnery, které se používají jako materiál, jsou dostatečně silné a bezpečné, takže se můžete cítit stejně jako ve svém domě. To je jediný důvod, proč lidé milují kontejnerové domy kvůli jejich trvanlivosti a síle. Jsou také velmi vhodné pro ty, kteří nepotřebují spoustu prostoru. Jsou velmi dobré pro malý životní styl s pouze tím prostorem, který opravdu potřebujete. Tímto způsobem se snižuje nakupování a ušetříte si nepotřebný nepořádek. S dalším prostorem k naplnění CDPH skládací kontejnerový dům není úplným nepořádkem po celý čas a opravdu nám pomáhá být organizovanější. Jasný prostor, právě teď, mi zní velmi dobře; život v čistotě. Upřímně řečeno, tyhle vypadají jako velké těžké kovové krabice, které by nikdo neoznačil za atraktivní. Ale přes to vše stačí trochu fantazie a kreativity v architektuře, aby se tyto ocelové krabice proměnily v pěkné domovy. Dokončete je, přidejte vnější izolaci a okna - spoustu dveří. Co málo lidí uvědomí, je, že CDPH rozšiřitelný kontejnerový dům skutečně vypadají nakonec velmi moderně a obecně docela krásně. Domy z kontejnerů jsou tak úžasné, protože je skutečně lze postavit na cokoli a udělat si je osobními. Bez ohledu na to, kolik oken a dveří potřebujete, kde mají být nebo jaké typy podlah/ střech jsou k dispozici. Přidáním svého vlastního stylu do CDPH rozšiřitelný kontejnerový dům domecku dodáte další charakter, který pochází od vás. Mít domov, který odráží, jak se oblékáte přirozeně, prostě působí jako mnohem bezpečnější a šťastnější místo každého dne. Dalším opravdu cool způsobem znovupoužití nákladních kontejnerů je používat je jako domovy. Dobrým příkladem toho, jak by vypadaly Domy z Nákladních Kontejnerů CDPH cena rozšiřitelného kontejnerového domu . Tyto kontejnery jsou vyčištěny a obnoveny a proměněny v domovy. Můžou být levnější než nové kontejnery a to vám může pomoci ušetřit peníze, abyste mohli začít stavět svůj snový dům. Navíc také úspornější na odpad, protože kontejnery jsou recyklovány. Skládací dům je navržen pomocí modulárního systému, který lze nakonfigurovat podle konkrétních požadavků vašeho domova. To umožňuje návrh kontejnerových domů a zvyšuje bezpečnost, stabilitu a odolnost vašeho domova. Místnost lze kombinovat s dalšími místnostmi tak, aby vyhovovala různým požadavkům, což znamená, že se můžete pohodlně usadit kdekoli a kdykoli. Rychlá dodávka! Nabízíme také službu rychlého balení a doručení. Náš odborný tým pro balení zabalí váš skladací dům podle požadavků zákazníka. Každý krok procesu doručení budeme pečlivě sledovat, abychom zajistili bezpečný příjezd vašich položek do cílového místa. Nejlepší na tom je, že skladací dům lze snadno postavit bez nutnosti svařování na stavbě, a my poskytujeme pokyny pro montáž, které urychlí a zjednoduší celý proces instalace. Pokud budete striktně dodržovat všechny kroky pokynů a postupovat podle nich, budete schopni dokončit stavbu svého skladacího domu. Jablečný dům, jedinečný tvar, krásný vzhled – udělá váš domov ještě více personalizovaný. Nabízíme širokou škálu stylů a barev, které odpovídají vašim individuálním chutím – od jednoduchého současného až po tradiční styl. Společnost Beijing Chengdong se specializuje na návrh kontejnerových domů a může je přizpůsobit přesně vašim požadavkům. Abyste si mohli vytvořit ideální a exkluzivní domov podle svých přání a preferencí, můžete si nechat přizpůsobit návrh domu, jeho půdorys, rozvody vody a elektřiny atd. Elektroinstalace i potrubí pro vodu jsme navrhli a zprovoznili ještě před samotnou výstavbou, čímž jsme zabránili časově náročnému přepravování rozvodů po dokončení interiéru a zvýšili tak efektivitu i kvalitu vybavení interiéru. Pro vaše obývací, jídelní a ložnicové prostory, kuchyni a mnoho dalšího si můžete vybrat z široké nabídky řešení interiérového designu. Kvalitní život začíná u Jablečného domu! Jablečný dům je jedinečnou oblastí! Prefabrikovaný dům je postaven se zvláštním konstrukčním návrhem a má vynikající odolnost vůči zemětřesením, čímž je zajištěna bezpečnost. Modulární návrh umožňuje snadné přemisťování a montáž a lze jej přizpůsobit podle vašich osobních preferencí – různé styly, typy místností – při návrhu kontejnerových domů. Všechny prvky jsou vyrobeny z prefabrikovaných materiálů, jejich montáž je jednoduchá a nepotřebujete k tomu žádné speciální dovednosti. Ať už je dům určen pro kanceláře, bydlení, skladování nebo jiné účely, prefabrikovaný dům splní vaše požadavky. Stylový vzhled a elegantní linie lze dále přizpůsobit vašim individuálním představám, abyste vytvořili unikátní životní prostor. Nejlepší na tom je, že prefabrikované domy není nutné na stavbě svařovat; poskytujeme podrobné pokyny k montáži, aby byla instalace jednodušší a rychlejší. Využijte výhod pohodlnějšího života s prefabrikovanými domy Chengdong. Prefabrikované domy Chengdong. Zvyšte bezpečnost a pohodlí svého domova instalací kontejnerových domů! Využíváme návrh kontejnerových domů, který zahrnuje všechny konstrukční prvky. Všechny jsou předem vyrobeny ve standardní tovární výrobě. Vyberte si vhodnou velikost a konfiguraci a rychle postavíte životní prostor, který vyhovuje vašim požadavkům. Na základě požadavků a preferencí zákazníka lze různé moduly kombinovat tak, aby vznikly různé dispozice místností, například kuchyně, obývací pokoj nebo ložnice. Kontejnerový dům od nás disponuje skvělými vlastnostmi, jako je vodotěsnost, vlhko- a kyselinotěsnost, odolnost proti korozi, požární odolnost a opět odolnost proti korozi. Instalace je snadná a jednoduchá a nepotřebuje žádné zvláštní technické znalosti. Ať už jde o vaše soukromé bydliště, dočasné kancelářské prostory, skladovací plochy nebo jiné potřeby – naše prefabrikované kontejnerové domy jsou navrženy tak, aby vyhověly vašim požadavkům. Získejte ještě dnes kontejnerový pokoj a užijte si nižší náklady a zdvořilejší službu, abyste si užívali života ještě více! CDPH vyrábí a prodává různé typy modulárních domů, prefabrikovaných domů a vilových domů. Široká škála produktů nás zabezpečuje poskytnout vhodné řešení pro každý táborový areál.Design domů z kontejnerů
Maximalizace života v malém měřítku

Transformace nákladních kontejnerů v moderní a elegantské domy

Personalizovaný design pro optimální pohodlí

Stavění s rekonstruovanými nákladními kontejnery
Why choose CDPH
Design domů z kontejnerů?
Vysokokvalitní skládací dům
Moderní styl apple chatrč
Nová přírůstek prefabrikovaného domu
Dobrý prodej kontejnerového domu
Související kategorie produktů
Nemůžete najít, co hledáte?
Vyžádevat nabídku nyní
Kontaktujte naše konzulty pro více dostupných produktů.KONTAKT
27+ let zkušeností
Stavba táborového areálu