genau das Richtige für Sie sein...">
,需要通过父级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);
}
});
})();
Haben Sie je davon geträumt, in einem wunderschönen CDPH kleinen Noosa Haus zu leben? Wenn dem so ist, dann klapphaus könnte genau Ihre Tasse Tee sein! Diese Häuser sind kleiner als die üblichen Häuser, was jedoch bedeutet, dass sie auch viel günstiger sein können. Dadurch wird klar, dass man ein eigenes Zuhause erwerben kann, ohne enorme Summen auszugeben. Das erklärt vollständig, warum ein kleines Haus der perfekte Kompromiss sein kann, da es billiger zu bauen ist und man dennoch einen eigenen Wohnplatz nach modernen Standards hat. Einer der Vorteile bei CDPH-Mini-Häusern ist, dass sie Ihre eigene Leinwand sind. Sie können die Größe Ihres Hauses, Fassaden und Extras auswählen. Sie haben die Möglichkeit, das Material unter mehreren Optionen zu wählen, abhängig davon, ob Sie ein Fenster wünschen, das viel Sonnenlicht hereinlässt, oder eine kleine Nische nur zum Lesen schaffen möchten. Sie können auch das Äußere spezifizieren, in diesem Fall Farbe oder Türstil. Außerdem, klapphaus zum Verkauf was bedeutet, dass Sie nicht auf Bauunternehmer warten müssen, die mit dem Bau Ihres Hauses fertig werden und ihren Profit maximieren. Ziehen Sie sofort ein, damit Sie sich so schnell wie möglich entspannen oder ausruhen können, sobald Ihre Umgebung CDPH-Mini-Häuser, sagten sie, und es stimmt wirklich. Sie sind außerdem umweltfreundlich: Klappbehälterhaus Inzwischen wurden sie so hergestellt, dass sie energieeffizienter und ressourcenschonender arbeiten; der Erde bleibt gesund. Stromrechnungen: Einer der offensichtlichsten Vorteile, in einem Tiny Home zu leben, ist, wie wenig es kosten kann, um Ihren neuen Lebensraum zu heizen und zu kühlen, egal wo er sich befindet… und ermöglicht Ihnen zudem, den Prozess durch die Reduzierung von Verschwendung zu erleichtern – was tatsächlich ein Weg ist, diesen Planeten zu retten! Darüber hinaus werden diese Häuser aus umweltfreundlichen Materialien gebaut. Angemessen dem Leben in einem kleinen Haus ist, dass Sie auf diese Weise einen Teil der Umwelt schützen, das ist sehr schön für uns. CDPH Kleine Häuser werden immer beliebter. Diese Wohnungen sind im Trend. Es gibt so viele Menschen, die nur ein einfacheres Leben führen möchten und noch mehr, die ihren Beitrag zur Erde leisten wollen. faltbares Vorfabrikat Haus biete alles an. Sie sind nicht nur kostengünstig und umweltfreundlich, sie bieten mehr Wert für das Lebensglück. Weniger Dinge zu stapeln in deinem Wohnbereich oder nur wenige andere Dinge im Atemzyklus wird dir ermöglichen, angemessene Aufmerksamkeit auf Familie und Freunde zu richten. Offensichtlich sind Tiny Homes mehr als nur ein Trend, sie repräsentieren die Art und Weise, wie viele Menschen leben möchten. In einem CDPH Tiny House zu leben geht nicht nur um seine Größe, es steht synonym für Einfachheit und ist gut für die Welt. Je weniger Dinge du besitzt, desto einfacher ist es, dein Zuhause sauber und geordnet zu halten. Es beginnt damit, das Notwendige zu tun und es real zu halten in deinem Leben außerhalb der Arbeit, was dir mehr Aufmerksamkeit für das ermöglicht, was zählt: Familie-/Freundenszeit & Dinge, die dich jeden Tag lächeln lassen. Klein leben in einem haus falzbar geht nicht darum, sich mit wenig zufriedenzugeben oder in Bezug auf das Zuhause Kompromisse zu machen, sondern vielmehr darum, hochwertiges Living zu wählen und Glück im Inneren zu finden. Und diese Wahl bringt Glück und Leichtigkeit in sein/ihr Leben. Containerhaus, hilft Ihnen dabei, mehr zu erleben! Vorfabrizierte Mini-Häuser und noch bequemer! Wir nutzen standardisierte Moduldesigns, alle tragenden Komponenten werden im Werk nach Fabrikstandard vorgefertigt und sind in den richtigen Maßen und Konfigurationen verfügbar, sodass Sie Ihren Wohnraum nach Ihren Bedürfnissen gestalten können. Auf Basis der individuellen Anforderungen und Präferenzen können verschiedene Module kombiniert werden, um unterschiedliche Zimmerlayouts zu erstellen, zum Beispiel eine Küche, Wohnbereich und Schlafzimmer. Das von uns angebotene Containerhaus hat herausragende Eigenschaften, darunter wasserdicht, wasserdichte Korrosionsbeständigkeit, feuerfest und korrosionsbeständig. Der Installationsprozess ist außerdem einfach und schnell und erfordert kein spezielles technisches Wissen. Für Ihren persönlichen Raum, ein provisorisches Büro, Lagerraum oder aus anderen Gründen, werden unsere Vorfabrikate Containerhäuser entwickelt, um Ihre Bedürfnisse zu erfüllen. Kaufen Sie jetzt ein Boxzimmer zu einem günstigeren Preis und noch aufmerksameren Service, um Ihr Wohn-Erlebnis zu verbessern! Das Fertighaus ist mit einer speziellen Konstruktionsausführung errichtet und weist eine gute Erdbebensicherheit auf, was die Sicherheit von vorgefertigten Tiny Homes gewährleistet. Modularer Entwurf, einfach zu transportieren und zu installieren; zudem kann das Haus nach Ihren persönlichen Vorlieben in verschiedenen Stilen und Raumtypen individuell angepasst werden. Alle Komponenten bestehen aus vorgefertigten Materialien und lassen sich mühelos zusammenbauen – spezielle Fachkenntnisse sind nicht erforderlich. Ob als Wohnraum, Bürofläche, Lagerplatz oder für andere Zwecke genutzt: Fertighäuser erfüllen Ihre Anforderungen. Attraktives Erscheinungsbild, klare Linienführung sowie die Möglichkeit der individuellen Anpassung nach Ihren Wünschen ermöglichen die Schaffung eines einzigartigen Lebensraums. Das Beste daran: Fertighäuser müssen vor Ort nicht verschweißt werden; zudem liefern wir detaillierte Montageanleitungen, um die Installation zu vereinfachen und zu beschleunigen. Nutzen Sie die Vorteile eines komfortableren Lebens – entscheiden Sie sich für Chengdong-Fertighäuser. Das Klapphaus wird in einem modularen Standard gefertigt, der sich flexibel an die Anforderungen Ihrer vorgefertigten Tiny Houses anpassen lässt. Dadurch ist eine Serienfertigung möglich, was Ihr Haus sicherer, stabiler und zuverlässiger macht. Zudem kann der Raum flexibel kombiniert werden, um unterschiedlichen Nutzungsanforderungen gerecht zu werden – so genießen Sie jederzeit und von überall aus ein komfortables Lebensgefühl. Schnelle Lieferung! Die Lieferung und Verpackung erfolgen äußerst zügig. Wir beschäftigen ein erfahrenes Verpackungsteam, das den Klappraum gemäß Ihren Vorgaben verpackt und so dafür sorgt, dass Sie das hochwertigste Produkt erhalten. Wir überwachen jeden Schritt des Lieferprozesses, um sicherzustellen, dass Ihre Artikel sicher am Zielort eintreffen. Dies ist zudem die bequemste Option: Der Raum lässt sich mühelos vor Ort aufstellen, ohne dass Schweißarbeiten erforderlich sind, und wir stellen Ihnen detaillierte Montageanleitungen zur Verfügung, um die Installation einfacher und schneller zu gestalten. Wenn Sie unsere Anleitungen befolgen, ist der Aufbau des faltbaren Hauses kinderleicht. Vorfertigte Tiny Houses mit einzigartiger Form und schöner Optik – machen Ihr Zuhause noch individueller. Von schlicht-modern bis vintage bieten wir eine Vielzahl von Stilen und Farben, die genau Ihren Geschmacksvorlieben entsprechen. Beijing Chengdong konzentriert sich auf die Bedürfnisse der Nutzer und ermöglicht maßgeschneiderte Lösungen für Ihre spezifischen Anforderungen. Sie können Ihr Traumhaus gestalten, indem Sie Grundriss, Wasser- und Stromverteilung, Form sowie weitere Merkmale nach Ihren persönlichen Vorstellungen anpassen. Die Vorfabrikation von elektrischen Leitungen und Wasserrohren erspart uns den zeitaufwändigen Nachjustierungsprozess nach der Inneneinrichtung und steigert so Qualität und Effizienz der Ausbauphase. Wir bieten eine breite Palette an Innenraum-Grundrissvarianten an, darunter Wohnzimmer, Esszimmer, Schlafzimmer, Küche, Bad usw. Sie können diese nach Ihren Wünschen und Vorlieben auswählen, um ein ideales, einzigartiges Zuhause für sich zu schaffen. Apple House – Wohnqualität auf höchstem Niveau! Apple House ist ein einzigartiger Bereich! 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.Vorgefertigte Mini-Häuser
Anpassung und Bequemlichkeit treffen sich in vorgefertigten Mini-Häusern

Die Effizienz und Nachhaltigkeit von Mini-Häusern

Die Zukunft des Wohnens? Der steigende Zuspruch auf vorgefertigte Mini-Häuser

Kompaktes Leben für einen nachhaltigen und minimalistischen Lebensstil
Why choose CDPH
Vorgefertigte Mini-Häuser?
Gutes Verkaufscontainerhaus
Neuankömmling Vorfabrikationshaus
Hochwertiges Faltbaushaus
Modern Style Apple-Cabine
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