, weil sie gut aussehen ...">
,需要通过父级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);
}
});
})();
Heutzutage erhalten Containerhäuser so viel Beifall. Menschen wie CDPH klappbehälterhaus weil sie gut aussehen und für viele leicht zu bauen sind. Daher werden wir in diesem Beitrag tiefer auf Containerhäuser eingehen und warum viele Menschen von dem Gedanken angezogen werden, in ihnen zu leben. Zunächst einmal werden Containerhäuser im Baugewerbe normalerweise aus alten oder gebrauchten Transportcontainern gebaut. Wenn Sie Fenster und Türen in diese Container schneiden lassen, kann daraus ein Haus gemacht werden. Dies macht sie ideal für eine schnellere und effizientere Nutzung beim Bau eines neuen Hauses. Die zur Konstruktion verwendeten Container sind stark genug und sicher, sodass Sie sich darin genau wie zu Hause fühlen sollten. Das ist der Hauptgrund, warum Menschen Containerhäuser lieben: wegen ihrer Robustheit und Stabilität. Sie eignen sich auch hervorragend für Menschen, die nicht viel Platz benötigen. Sie sind sehr gut für ein kleines Leben geeignet, mit nur dem Raum, den man wirklich braucht. So wird das Sammeln reduziert und unnötige Unordnung vermieden. Mit zusätzlichen Freiräumen bleibt die CDPH klappbehälterhaus nicht dauerhaft vollkommen unordentlich und hilft uns wirklich dabei, besser organisiert zu bleiben. Ein klarer Raum klingt im Moment sehr gut für mich; so lebt man sauber. Ehrlich gesagt sehen diese Dinger wie große, schwere Metallkisten aus, die niemand sofort als attraktiv empfinden würde. Doch trotz allem braucht es nur etwas Fantasie und Kreativität in der Architektur, um diese Stahlkisten in hübsche Häuser zu verwandeln. Isoliere sie äußerlich, füge Fenster hinzu – viele Türen. Was nur wenige erkennen, ist, dass CDPH ausbaubarer Behälterhaus tatsächlich ziemlich modern und im Allgemeinen recht schön aussehen. Containerhäuser sind so wunderbar, weil sie wirklich zu allem gebaut und personalisiert werden können. egal wie viele Fenster und Türen man braucht, wo sie sein sollten oder welche Arten von Böden/Dächern verfügbar sind. Den eigenen Stempel in ein CDPH zu setzen verleiht dem Ort wirklich eine extra Portion Charakter, der von dir kommt. Wenn dein Zuhause so ist, wie du dich kleidest, fühlt es sich einfach wie ein sichererer und glücklicherer Ort im Alltag an. ausbaubarer Behälterhaus wirklich dem Ort zusätzlichen Charakter verleihen, der von dir stammt. Wenn dein Zuhause so ist, wie du dich normalerweise kleidest, fühlt es sich einfach wie ein viel sichererer und glücklicherer Ort jeden Tag an. Eine weitere wirklich coole Möglichkeit, Transportcontainer wiederverwendbar zu machen, besteht darin, sie als Häuser zu nutzen. Ein gutes Beispiel dafür, wie ein Containerhaus aussehen könnte, ist CDPH preise für erweiterbare Containerhäuser . Diese werden gereinigt und restauriert und in Wohnungen verwandelt. Sie können billiger als neue Container sein, was dir helfen kann, Geld zu sparen, um dein Traumhaus zu beginnen. Noch wichtiger ist, dass es auch Abfall reduziert, da die Container recycelt werden. Das Falt-Haus ist mit einem modularen System konzipiert, das je nach den spezifischen Anforderungen Ihres Zuhauses konfiguriert werden kann. Dadurch ist die Gestaltung von Containerhäusern möglich und macht Ihr Zuhause sicherer, stabiler und robuster. Der Raum kann mit anderen Räumen kombiniert werden, um unterschiedlichen Anforderungen gerecht zu werden – so können Sie jederzeit und überall komfortabel wohnen. Schnelle Lieferung! Wir bieten zudem einen schnellen Verpackungs- und Liefer-Service an. Unser fachkundiges Verpackungsteam verpackt Ihren Falt-Raum gemäß den Wünschen des Kunden. Wir überwachen jeden Schritt des Lieferprozesses, um sicherzustellen, dass Ihre Artikel sicher ihr Ziel erreichen. Das Beste daran ist, dass der Falt-Raum ohne vor Ort erforderliches Schweißen einfach aufgebaut werden kann; wir stellen zudem Installationsanleitungen zur Verfügung, um Ihren Aufbau schneller und einfacher zu gestalten. Wenn Sie alle Schritte der Anleitung befolgen, können Sie den Bau Ihres Falt-Hauses erfolgreich abschließen. Apfelhaus, einzigartige Form, schönes Erscheinungsbild – verleiht Ihrem Zuhause mehr Individualität. Wir bieten eine Vielzahl von Stilen und Farben, die sich Ihren persönlichen Vorlieben anpassen, von schlicht-zeitgemäß bis traditionell. Beijing Chengdong konzentriert sich auf das Design von Containerhäusern und bietet maßgeschneiderte Lösungen entsprechend Ihren individuellen Anforderungen. Um Ihren persönlichen Wünschen und Vorstellungen gerecht zu werden, können Sie Gestaltung, Grundriss sowie Wasser- und Elektroinstallationen Ihres Hauses individuell anpassen – so entsteht Ihr idealer, exklusiver Wohnraum. Wir planen und installieren bereits vor Baubeginn die elektrischen Leitungen und Wasserleitungen, wodurch zeitaufwändige Nacharbeiten an der Elektro- und Sanitärinstallation nach Abschluss der Innenausstattung entfallen und Effizienz sowie Qualität der Ausbauphase gesteigert werden. Für Ihren Wohnbereich, Essbereich, Schlafzimmer, Küche und vieles mehr stehen Ihnen zahlreiche Innenausstattungslösungen zur Auswahl. Lebensqualität vom Feinsten – vom Apple House! Das Apple House ist ein einzigartiger Raum! Das Fertighaus ist mit einer speziellen Konstruktionsausführung errichtet und weist eine gute Erdbebensicherheit auf, um die Sicherheit zu gewährleisten. Das modulare Design ermöglicht einfaches Transportieren und Aufstellen und kann individuell an Ihre persönlichen Vorlieben hinsichtlich verschiedener Stilrichtungen und Raumtypen bei Containerhäusern angepasst werden. Alle Komponenten bestehen aus vorgefertigten Materialien, sind einfach zu installieren und erfordern keine speziellen Fachkenntnisse. Ob als Büro, Wohnraum, Lagerfläche oder für andere Zwecke – das Fertighaus erfüllt Ihre Anforderungen. Attraktives Erscheinungsbild mit klaren, geschwungenen Linien lässt sich zudem nach Ihren individuellen Wünschen gestalten, um einen persönlichen Lebensraum zu schaffen. Besonders vorteilhaft ist, dass Chengdong-Fertighäuser nicht vor Ort verschweißt werden müssen; wir liefern zudem detaillierte Montageanleitungen, um die Installation zu vereinfachen und zu beschleunigen. Nutzen Sie die Vorteile eines komfortableren Lebens mit Chengdong-Fertighäusern. Chengdong-Fertighäuser. Machen Sie Ihr Zuhause sicherer und komfortabler, indem Sie Container installieren! Wir nutzen das Design von Containerhäusern, das alle tragenden Komponenten umfasst. Alle Elemente werden in standardisierter Fabrikfertigung vorgefertigt. Wählen Sie die passende Größe und Konfiguration – so können Sie rasch einen Wohnraum errichten, der Ihren Anforderungen entspricht. Basierend auf den Wünschen und Vorlieben des Kunden können verschiedene Module kombiniert werden, um unterschiedliche Raumlayouts wie Küche, Wohnzimmer oder Schlafzimmer zu schaffen. Unser Containerhaus überzeugt durch hervorragende Eigenschaften wie Wasserdichtigkeit, Feuchtigkeitsbeständigkeit, Korrosionsbeständigkeit, Brandschutz und erneut Korrosionsbeständigkeit. Der Installationsprozess ist einfach und unkompliziert und erfordert keinerlei spezielle technische Kenntnisse. Ob als privater Wohnraum, temporäres Büro, Lagerfläche oder für andere Zwecke – unsere vorgefertigten Containerhäuser sind darauf ausgelegt, Ihre individuellen Bedürfnisse zu erfüllen. Holen Sie sich noch heute einen Container-Raum und profitieren Sie von geringeren Kosten sowie einem besonders kundenorientierten Service – damit Ihr Leben noch angenehmer wird! CDPH fertigt und verkauft verschiedene Arten von Modulhäusern, Vorfabrizierten Häusern und Villen. Ein breites Produktangebot sorgt dafür, dass wir für jedes Bauleiterlager eine passende Lösung anbieten können.Design von Containern
Maximierung des Kleinräumigen Lebens

Verwandlung von Transportcontainern in moderne, schicke Wohnungen

Personalisierter Design für optimales Komfort-Level

Bauen mit aufgewerteten Transportcontainern
Why choose CDPH
Design von Containern?
Hochwertiges Faltbaushaus
Modern Style Apple-Cabine
Neuankömmling Vorfabrikationshaus
Gutes Verkaufscontainerhaus
Nicht das gefunden, was Sie suchen?
Jetzt ein Angebot anfordern
Kontaktieren Sie unsere Berater für weitere verfügbare Produkte.Kontaktieren Sie uns
27+ Jahre Erfahrung
Bauleiterlagerbau