pourrait tout simplement être y...">
,需要通过父级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);
}
});
})();
Avez-vous déjà rêvé de vivre dans une belle petite maison CDPH à Noosa ? Si c'est le cas, alors maison pliable pourrait tout à fait vous convenir ! Ces maisons sont plus petites qu'une maison standard, mais cela signifie également qu'elles peuvent être beaucoup moins chères. Par conséquent, cela montre clairement qu'on peut acquérir sa propre maison sans dépenser ou lancer une somme massive. Cela explique pourquoi une petite maison peut être le compromis parfait, car elle coûte moins cher à construire et vous avez également votre propre espace de vie selon les standards modernes. L'un des avantages des petites maisons CDPH est qu'elles sont votre propre toile. C'est vous qui choisissez la taille de votre maison, les façades et les extras. Vous avez la possibilité de choisir les matériaux avec plusieurs options disponibles selon que vous souhaitez ajouter une fenêtre qui laisse entrer beaucoup de soleil ou créer un petit coin lecture. Vous pouvez également spécifier l'extérieur, dans ce cas la peinture ou le style de porte. De plus, maison pliante à vendre ce qui implique que vous n'avez pas besoin d'attendre que les constructeurs finissent de construire votre maison en augmentant leurs profits. Emménagez tout de suite, afin de pouvoir commencer à vous détendre ou à vous relaxer dès que votre environnement Petites maisons CDPH, c'est ce qu'ils disent et c'est aussi vrai. Elles sont également respectueuses de l'environnement : Maison conteneur pliable Pendant ce temps, elles ont été conçues de manière à fonctionner de façon plus énergétiquement efficace et à préserver les ressources ; en maintenant la santé de la Terre. Factures d'énergie : l'un des avantages les plus évidents de vivre dans une petite maison est le faible coût pour chauffer et refroidir votre nouvel espace, où qu'il se trouve... et cela vous permet également de faciliter le processus en réduisant le gaspillage - ce qui est effectivement un moyen de sauver cette planète ! De plus, ces maisons sont construites avec des matériaux écologiques. À propos de vivre dans une petite maison, cela signifie que vous pouvez contribuer à préserver l'environnement, c'est donc très bien pour nous. Les petites maisons CDPH deviennent de plus en plus populaires chaque jour. Ces maisons sont tendance. Il y en a beaucoup qui souhaitent simplement mener une vie plus simple et encore plus cherchent à faire leur part pour la planète. maison Préfabriquée Pliable offrir tout cela. Ils ne sont pas seulement économiques et respectueux de l'environnement, ils offrent plus de valeur pour le bonheur de la vie. Avoir moins de choses à entasser dans votre maison ou à peine quelques autres objets dans votre méthode de respiration vous permettra de porter une attention appropriée sur votre foyer et vos amis. Évidemment, les petites maisons sont bien plus qu'une mode, elles représentent le mode de vie que beaucoup de gens souhaiteront adopter. Vivre dans une petite maison CDPH n'est pas seulement une question de taille, c'est synonyme de simplicité et c'est bénéfique pour le monde. Moins vous possédez de choses, plus il est facile de garder votre maison propre et organisée. Cela commence par faire ce qui est nécessaire et rester authentique dans votre vie en dehors du travail, ce qui vous permettra de prêter plus d'attention à ce qui devrait/compte : le temps passé avec votre famille/amis et les choses qui vous feront sourire tous les jours. Vivre petit dans une maisons pliables ne consiste pas à se contenter de peu ou à faire des compromis sur le logement, mais plutôt à choisir un art de vivre élevé et à trouver le bonheur dans ce qui est contenu à l'intérieur. Et ce choix apporte du bonheur et de la facilité dans sa vie. Cabine Apple, forme unique, bel aspect, donnez à votre maison un caractère plus personnel. Nous proposons une variété de styles et de couleurs correspondant à vos goûts personnels, du style simple et contemporain au traditionnel. Beijing Chengdong se spécialise dans les maisons préfabriquées miniatures, personnalisables selon vos besoins. Pour répondre à vos désirs et préférences individuels, vous pouvez personnaliser la conception de votre maison, l'aménagement, l'électricité, la plomberie, etc., afin de créer une maison idéale et exclusive pour vous. Nous avons conçu et installé les conduites électriques et d'eau avant la construction, évitant ainsi la tâche longue et fastidieuse de réaménager les circuits après la décoration, tout en augmentant l'efficacité et la qualité de l'aménagement. Vous pouvez choisir parmi un large éventail de solutions de design intérieur pour votre salon, salle à manger, chambre, cuisine, et bien plus encore. Une vie de qualité, avec Apple House ! Apple House est un espace unique ! La maison préfabriquée possède une conception structurelle spécifique et des petits logements préfabriqués de qualité pour garantir la sécurité. Conception modulaire, transport et installation faciles, personnalisables selon vos préférences en matière de styles et de types de pièces. Tous les composants sont préfabriqués et simples à installer, sans nécessiter de compétences particulières. Que ce soit pour un bureau, une habitation, un stockage ou d'autres usages, la maison préfabriquée peut répondre à vos besoins. Apparence élégante, lignes épurées et possibilité de personnalisation selon vos goûts afin de créer un espace de vie unique. Le meilleur avantage : les maisons préfabriquées ne nécessitent aucune soudure sur site, et nous fournissons également des instructions d'installation pour simplifier et accélérer le processus. Adoptez une meilleure façon de vivre avec les maisons préfabriquées Chengdong. Maisons préfabriquées Chengdong. Rendez votre maison plus sûre et plus confortable en installant une maison conteneur ! Tous les composants structurels sont préfabriqués en usine. En choisissant les bonnes dimensions, configurations et style, vous pouvez créer votre espace de vie rapidement. Selon leurs besoins et préférences, plusieurs modules peuvent être intégrés dans divers aménagements de pièces afin d'obtenir des maisons préfabriquées multifonctionnelles et compactes telles que le salon, la cuisine ou la chambre à coucher. L'essentiel à noter est que la maison conteneur que nous utilisons est facile à démonter et à monter, possède une structure solide, des performances excellentes, comme l'étanchéité, la résistance à l'eau, la prévention contre le feu, et le processus d'installation est simple et facile à gérer, sans nécessiter d'expertise technique particulière. Pour un usage personnel, un espace de stockage, un bureau temporaire ou d'autres utilisations, les maisons conteneurs préfabriquées sont conçues pour répondre à vos exigences. Profitez dès aujourd'hui d'une chambre container, bénéficiez d'un meilleur prix et d'un meilleur service. Améliorez votre qualité de vie ! La maison pliante suit un concept de maisons préfabriquées miniatures qui peuvent être configurées selon vos besoins afin d'augmenter la production et rendre votre espace de vie plus sécurisé, stable et fiable. La pièce peut être aménagée de manière à répondre à différentes exigences, ce qui signifie que vous pouvez être confortable partout et à tout moment. Livraison rapide ! L’expédition et l’emballage sont extrêmement rapides. Nous disposons d'une équipe qualifiée pour l’emballage, qui conditionne la chambre pliante selon vos spécifications afin que vous receviez un produit de la plus haute qualité. Nous surveillons tous les processus de livraison pour nous assurer que vos articles arrivent en toute sécurité à destination. Plus important encore, la chambre pliante est facile à installer, sans soudure sur site, et nous fournissons des instructions de montage pour rendre l'installation plus rapide et plus simple. Si vous suivez les instructions, il est facile de monter la maison pliable. CDPH fabrique et vend différents types de maisons modulaires, maisons préfabriquées et villas. Une large gamme de produits nous permet de fournir une solution appropriée pour chaque camp d'ingénierie.Petites maisons préfabriquées
Personnalisation et confort se rencontrent dans les petites maisons préfabriquées

L'efficacité et le caractère durable des petites maisons

L'avenir du logement ? La popularité croissante des petites maisons préfabriquées

Vie en espace réduit pour un mode de vie durable et minimaliste
Why choose CDPH
Petites maisons préfabriquées?
Cabine Apple style moderne
Nouvelle arrivée maison préfabriquée
Bonne maison en conteneur
Maison pliante de haute qualité
Catégories de produits associés
Vous ne trouvez pas ce que vous cherchez ?
Demandez un devis maintenant
Contactez nos consultants pour plus de produits disponibles.Contactez-nous
27+ Années d'Expérience
Construction de Camps d'Ingénierie