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. Apple Cabin, einzigartige Form, schönes Aussehen, macht Ihr Zuhause individueller. Wir bieten eine Vielzahl von Stilen und Farben, die Ihren persönlichen Geschmack widerspiegeln, von schlicht zeitgenössisch bis traditionell. Beijing Chengdong konzentriert sich auf vorgefertigte Tiny Houses und kann diese nach Ihren Wünschen anpassen. Um Ihren individuellen Wünschen und Vorlieben gerecht zu werden, können Sie das Design Ihres Hauses, den Grundriss, Wasser- und Stromleitungen usw. selbst gestalten, um so ein ideales, exklusives Zuhause für Sie zu schaffen. Wir haben Elektro- und Wasserleitungen bereits vor der Konstruktion geplant und verlegt, wodurch zeitaufwendige Neuordnungen der Leitungen nach der Innendekoration vermieden und die Effizienz sowie Qualität der Einrichtung erhöht werden. Sie können aus einer breiten Palette an Inneneinrichtungslösungen für Wohnbereich, Essbereich, Schlafzimmer, Küche und vieles mehr wählen. Lebensqualität vom Feinsten – vom Apple House! Apple House ist ein einzigartiger Bereich! Das Fertighaus verfügt über ein spezifisches strukturelles Design und bietet sichere vorgefertigte Tiny Houses, um Sicherheit zu gewährleisten. Modulares Design und einfacher Transport sowie Installation, anpassbar nach Ihren persönlichen Vorlieben hinsichtlich verschiedener Stile und Raumtypen. Alle Komponenten sind vorgefertigt und einfach zu montieren, ohne besondere Fachkenntnisse erforderlich zu machen. Egal ob als Büro, Wohnraum, Lager oder für andere Zwecke – das Fertighaus kann Ihre Anforderungen erfüllen. Stilvolles Erscheinungsbild, schlanke Linien und die Möglichkeit zur individuellen Anpassung nach Ihren Wünschen, um einen einzigartigen Wohnraum zu schaffen. Am besten: Für Fertighäuser ist kein vor-Ort-Schweißen notwendig, und wir stellen zudem Installationsanleitungen bereit, um Ihren Montageprozess einfacher und schneller zu gestalten. Genießen Sie ein besseres Leben mit Chengdong-Fertighäusern. Chengdong Prefab Homes. Machen Sie Ihr Zuhause sicherer und komfortabler, indem Sie ein Containerhaus installieren! Alle strukturellen Komponenten werden werksseitig vorgefertigt. Durch die Wahl der richtigen Abmessungen, Konfiguration und Ausstattung können Sie Ihren Wohnraum schnell schaffen. Je nach Bedürfnissen und Vorlieben lassen sich mehrere Module in verschiedene Raumlayouts integrieren, um multifunktionale, vorgefertigte Tiny Homes wie Wohnzimmer, Küche oder Schlafzimmer zu erhalten. Wichtig ist, dass das von uns verwendete Containerhaus leicht zu zerlegen und zusammenzubauen ist, über eine stabile Struktur verfügt und hervorragende Eigenschaften wie Wasserdichtigkeit, Schutz vor Feuchtigkeit und Brandbeständigkeit bietet. Der Installationsprozess ist einfach zu handhaben und erfordert keine besonderen technischen Kenntnisse. Die vorgefertigten Containerhäuser eignen sich für privates Wohnen, Lagerung, temporäre Büroflächen oder andere Zwecke und sind auf Ihre Anforderungen zugeschnitten. Nutzen Sie noch heute einen Boxroom, profitieren Sie von einem besseren Preis und einem besseren Service und verbessern Sie Ihr Leben! Das Falt Haus folgt einem vorgefertigten Tiny Home-Prinzip, das entsprechend Ihren Anforderungen angeordnet werden kann, um die Produktion zu erhöhen und Ihren Wohnraum sicherer, stabiler und zuverlässiger zu machen. Der Raum kann so eingerichtet werden, dass er unterschiedlichen Anforderungen gerecht wird, sodass Sie jederzeit und überall Komfort genießen können. Schnelle Lieferung! Versand und Verpackung erfolgen äußerst schnell. Wir beschäftigen ein erfahrenes Verpackungsteam, das den Falt Raum gemäß Ihrer Spezifikationen verpackt, damit Sie ein Produkt von höchster Qualität erhalten. Wir überwachen alle Lieferprozesse, um sicherzustellen, dass Ihre Artikel sicher am Ziel ankommen. Am wichtigsten ist, dass der Falt Raum einfach zu installieren ist, ohne vor Ort schweißen zu müssen, und wir bieten Installationsanleitungen an, um Ihren Montageprozess schneller und einfacher zu gestalten. Wenn Sie den Anweisungen folgen, ist es leicht, das faltbare Haus aufzubauen. 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?
Modern Style Apple-Cabine
Neuankömmling Vorfabrikationshaus
Gutes Verkaufscontainerhaus
Hochwertiges Faltbaushaus
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