изглеждат като о...">
,需要通过父级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);
}
});
})();
Наистина, в тези времена, когато разходите растат, а ресурсите стават все по-скъпостойни, домове от транспортни контейнери изглеждат единственото жизнеспособно спасение. Стилни контейнерни къщи, изградени от стари контейнери, уникални и интересни като жилищни пространства. Узнаваме повече за тази уникална употреба на контейнери за домове. Днес по света се намират милиони товарни контейнери. Въпреки това, значителен брой от тези контейнери вече не се използват и хората намират различни нови начини за тяхната употреба. Някои жители са предлагали идеята да ги превръщат в жилища. Тъй като изглежда, че това решава нужда по вдъхновяващ начин, чрез рециклиране / изграждане върху нашата обсесия да сглобяваме неща в нещо ново. но кашонът не трябва да се изхвърля, след като вече не е нужен. Всичко, от което се нуждаят, е подходящите хора, за да го превърнат в удобно и очарователно жилище. Къщи, които имат всичко, което има и едно неподвижно жилище – спални, бани, кухни и дневни. Нали е невероятно да видиш как малко труд може да превърне стар кашон в толкова уникално домакинство. Живеенето в контейнерни къщи може да бъде елегантно и приятно. Сякаш си в стоманена кутия! Архитектурата на тези къщи силно се отличава поради дизайна и формата на контейнерите. Все пак, има и някои недостатъци. Тъй като по същество са огромни метални кутии, контейнерите лесно се нагряват и охлаждат рязко, което изисква допълнителна изолация. Освен това, те често имат малко прозорци, така че подобряването на осветлението е от съществено значение. Къщите от контейнери са едни от най-впечатляващите и най-многофункционалните жилищни пространства. Те могат да се поставят един върху друг, да се свързват или да се изрязват в различни форми и размери. Повечето от тези къщи от контейнери са такива, че от една страна могат да приличат на обикновени къщи, докато от друга изглеждат като модерни домове или дори бъдещи резиденции. Все повече архитекти прилагат таланта си при проектирането на жилища от тези контейнери. Ето няколко причини, поради които все повече хора избират къщи от контейнери. За много от тях важна е възможността за рециклиране и екологичният аспект. За други хора това е желанието да спестяват пари и да построят дом с ограничен бюджет. За някои просто има нещо във вида и усещането на къщите от контейнери, което ги привлича. По каквато и да е причина, броят на хората, които осъзнават предимствата на живеене в домове от транспортни контейнери е в бързо нарастване. Ябълков дом, уникален дизайн, красив външен вид, който прави дома ви още по-персонализиран. Предлагаме широка гама от цветове и стилове, за да задоволим вашите предпочитания – от прост и модерен до традиционен. Компанията „Пекин Ченгдун“ се фокусира върху желанията и изискванията на потребителите. Продуктът може да бъде персонализиран според вашите нужди. Според собствените ви желания и предпочитания можете да променяте формата на планировката на къщата, разположението на водопроводните и електрическите инсталации, както и разположението на електрическите и водопроводни тръби, за да създадете идеалния, напълно уникален за вас дом. Предварителното монтиране на водопроводните и електрическите тръби ни позволява да избегнем дългия процес на преустройство на тръбите след завършване на интериорната декорация, което повишава ефективността и качеството на ремонта. Предлагаме различни варианти за вътрешна планировка, включващи дневна и трапезария, спални, кухня, баня и др. Можете да изберете този, който най-добре отговаря на вашите нужди и предпочитания, за да създадете идеалния, уникален за вас дом. Ябълков дом – качество на живота в най-висока степен! Запознайте се с контейнерния дом на „Ябълков дом“! Предварително изработеният дом има специфичен дизайн на конструктивната си структура и превъзходни сеизмични характеристики, които гарантират безопасността. Модулна конструкция, лесна за транспортиране, дом в контейнер за превоз, който може да се персонализира според вашите индивидуални предпочитания относно различни стилове и типове помещения. Всички компоненти са предварително изработени и лесни за монтаж, без нужда от специални умения. Независимо дали е предназначен за жилищно, офисно или складово използване, или за други сценарии, предварително изработеният дом може да задоволи вашите нужди. Стилно външно оформление с плавни линии, което може да се адаптира според вашите лични вкусове, за да създаде уникално жилищно пространство. Най-важното е, че предварително изработените домове не изискват заваряване на място, а ние ще предоставим подробни инструкции за процеса на монтаж, за да направим инсталацията ви по-лесна и по-бърза. Възползвайте се от предимствата на по-удобен начин на живот, като изберете предварително изработени домове Chengdong. Сгъваемата къща е изградена по модуларен стандарт, който позволява подреждане според изискванията за вашата къща в контейнер. Това осигурява възможност за масово производство и прави къщата ви по-сигурна, стабилна и надеждна. Освен това пространството може да се комбинира гъвкаво, за да отговаря на различни функционални изисквания, така че винаги и от всяко място можете да имате удобен жизнен опит. Бърза доставка! Доставката и опаковането са изключително бързи. Използваме квалифициран екип за опаковане според вашите спецификации за опаковане на сгъваемата стая и гарантираме, че ще получите най-висококачествения продукт. Ще следим всеки етап от процеса на доставка, за да се уверим, че стоките ви пристигнат безопасно до местоназначението си. Това е също и най-удобният вариант, тъй като стаята лесно се сгъва и монтира без заваряване на място, а ние предоставяме инструкции за монтаж, които правят инсталацията ви по-лесна и по-бърза. Ако следвате нашите инструкции, монтирането на сгъваемата къща е проста задача. Направете дома си по-безопасен и по-удобен, като инсталирате къща от контейнер! Всички структурни компоненти се произвеждат предварително в завода. Чрез избор на подходящите размери, конфигурация и стил можете бързо да създадете своето жилищно пространство. Според нуждите и предпочитанията си различни модули могат да бъдат интегрирани в разнообразни подредби на помещения, за да се получи мултифункционална къща от транспортен контейнер – например дневна, кухня или спалня. Най-важното е, че използваната от нас къща от контейнер има лесно демонтируема и монтируема здрава конструкция с отлични експлоатационни характеристики – водонепроницаемост, противопожарна защита; процесът на инсталация е лесен и прост за управление и не изисква специални технически умения. Предварително изработените къщи от контейнери са проектирани за лични жилищни нужди, складови помещения, временни офиси или други цели – те отговарят на вашите изисквания. Възползвайте се от кутийното помещение още днес, за да се възползвате от по-добра цена и по-високо качество на обслужването. Подобрете начина си на живот! CDPH произвежда и продава различни видове модулни къщи, Prefab къщи и Villa къщи. Широкият асортимент ни гарантира да предоставяме подходящо решение за всеки инженерен табор.контейнерен дом
Преобразяване на изоставени контейнери в стилни жилища

Очарованието и предизвикателствата на къщите от морски контейнери

Многостранността на архитектурата на къщи от контейнери

Защо все повече хора избират къщи от морски контейнери
Why choose CDPH
контейнерен дом?
Модерен стил apple кабина
Нов пристигнал префабрикан дом
Висококачествена складна къща
Добър Продажби контейнерен дом
Подобни продуктови категории
Не намирате това, което търсите?
Поискайте оферта сега
Свържете се с консултантите ни за още налични продукти.Свържете се с нас
27+ Години Опит
Строителство на инженерен табор