porque são bonitas...">
,需要通过父级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);
}
});
})();
Nos dias de hoje, as casas de contêiner estão recebendo muitos elogios. As pessoas gostam do CDPH. casa de contêiner dobrável porque eles são bonitos e fáceis de montar para muitas pessoas. Portanto, neste post vamos explorar mais profundamente as casas em contêineres e por que muitas pessoas se sentem atraídas a viver nelas. Para começar, casas em contêineres na indústria imobiliária geralmente são construídas a partir de contêineres de transporte antigos ou usados. Se você cortar janelas e portas desses contêineres, eles podem ser convertidos em uma casa. Isso os torna ideais para uso rápido e ágil na construção de uma nova casa. Os contêineres usados como materiais são fortes o suficiente e seguros, então você deve se sentir como se estivesse em sua própria casa. Esta é a única razão pela qual as pessoas amam casas em contêineres por causa de sua durabilidade e força. Também são muito adequados para aqueles que não precisam de muito espaço. Eles são ótimos para viver em pequenos espaços com apenas o que realmente é necessário. A acumulação é reduzida dessa forma e evita bagunça desnecessária. Com mais espaço para preencher o CDPH casa de contêiner dobrável não é uma bagunça total o tempo todo e realmente nos ajuda a manter mais organizados. Um espaço limpo, agora, soa muito bom para mim; viver de forma limpa. Francamente, esses parecem grandes caixas de metal pesadas que ninguém confundiria facilmente como atraentes. Mas apesar de tudo, basta um pouco de imaginação e criatividade na arquitetura para transformar essas caixas de aço em belas casas. Finalize, adicione isolamento externo e janelas - muitas portas. Poucos percebem que o CDPH casa de contentores expansível na verdade acaba ficando muito moderno e geralmente bastante bonito. As casas de contêiner são tão maravilhosas porque realmente podem ser construídas para qualquer coisa e personalizadas. Não importa se são quantas janelas e portas você precisa, onde elas devem estar ou quais tipos de pisos/telhados estão disponíveis. Colocar sua própria marca no CDPH dá ao lugar um caráter adicional que vem de você. casa de contentores expansível ter sua casa refletindo como você se veste naturalmente faz parecer um lugar muito mais seguro e feliz no coração do dia a dia. Outra maneira realmente legal de reutilizar contêineres de transporte é usá-los como casas. Um bom exemplo de como uma Casa de Contêiner de Transporte seria o CDPH. preço da casa em contêiner expansível esses são contêineres limpos e restaurados que foram transformados em casas. Eles podem ser mais baratos do que contêineres novos e isso pode colocá-lo à frente na economia de dinheiro para começar sua casa dos sonhos. Além disso, também economiza resíduos, pois os contêineres são reciclados. A casa dobrável é projetada utilizando um sistema modular que pode ser configurado de acordo com as necessidades específicas da sua residência. Isso possibilita o projeto de casas contêiner e torna sua residência mais segura, estável e resistente. O ambiente pode ser combinado com outros ambientes para atender a diferentes requisitos, o que significa que você pode viver confortavelmente em qualquer lugar e a qualquer momento. Entrega rápida! Também oferecemos um serviço ágil de embalagem e entrega. Nossa equipe especializada em embalagem preparará sua sala dobrável conforme as exigências do cliente. Monitoraremos cada etapa do processo de entrega para garantir que seus itens cheguem ao destino com segurança. A melhor parte é que a sala dobrável é fácil de montar sem soldagem no local, e fornecemos orientações de instalação para tornar seu processo de montagem mais rápido e simples. Se você seguir todos os passos do guia e cumprir as instruções, será capaz de concluir a construção da sua casa dobrável. Cabine em forma de maçã, formato exclusivo, aparência bonita, tornando sua casa mais personalizada. Oferecemos uma variedade de estilos e cores para combinar com seus gostos pessoais, desde o contemporâneo simples até o tradicional. A Beijing Chengdong concentra-se no projeto de casas contêiner, podendo ser personalizadas conforme suas necessidades. Para atender aos seus desejos e preferências individuais, você pode personalizar o projeto da sua casa, o layout, a instalação hidráulica e elétrica, entre outros aspectos, a fim de construir uma residência ideal e exclusiva para você. Projetamos e instalamos antecipadamente as tubulações elétricas e hidráulicas antes da construção, evitando assim a tarefa demorada de reorganizar essas instalações após a decoração da casa e aumentando a eficiência e a qualidade do acabamento. Você pode escolher entre uma ampla gama de soluções de design de interiores para sua sala de estar, sala de jantar, quarto, cozinha e muito mais. Uma vida de qualidade, a partir da Apple House! A Apple House é uma área exclusiva! A casa pré-fabricada é construída com um projeto estrutural especial e possui bom desempenho sísmico para garantir a segurança. O design modular facilita o transporte e a instalação, podendo ser personalizado conforme suas preferências pessoais quanto a estilos diversos e tipos de cômodos nas casas contêiner. Todos os elementos são fabricados em material pré-fabricado, fáceis de instalar e não exigem habilidades técnicas específicas. Seja para escritório, moradia, armazenamento ou outras finalidades, a casa pré-fabricada atende às suas necessidades. Aparência elegante, linhas modernas e possibilidade de personalização conforme suas preferências individuais, criando um espaço habitacional único. O melhor de tudo é que as casas pré-fabricadas da Chengdong não exigem soldagem no local, e fornecemos instruções detalhadas para instalação, tornando-a mais fácil e rápida. Aproveite os benefícios de viver uma vida mais confortável com as casas pré-fabricadas Chengdong. Casas pré-fabricadas Chengdong. Torne sua casa mais segura e mais confortável instalando contêineres! Utilizamos o projeto de casas de contêiner que inclui todos os componentes estruturais. Todos eles são pré-fabricados em padrão industrial. Escolha o tamanho e a configuração adequados e você poderá construir rapidamente um espaço habitável que atenda às suas necessidades. Com base nos requisitos e preferências do cliente, os diversos módulos podem ser combinados para criar diferentes layouts de cômodos, como cozinha, sala de estar ou quarto. A casa em contêiner oferecida por nós possui excelentes características, como impermeabilidade, resistência à umidade, anticorrosão, resistência ao fogo e anticorrosão. O processo de instalação é fácil e simples, não exigindo nenhum conhecimento técnico especial. Seja para seu espaço pessoal, um escritório temporário, armazenamento ou outras necessidades, nossas casas pré-fabricadas em contêiner foram projetadas para atender às suas exigências. Adquira uma sala em contêiner ainda hoje e desfrute de menor custo e de um atendimento mais atencioso, tornando sua vida ainda mais agradável! A CDPH fabrica e vende vários tipos de casa modular, casa pré-fabricada e casa de villa. Uma ampla gama de produtos garante que possamos fornecer uma solução adequada para cada acampamento de engenharia.Design de casas de contêiner
Maximizando a Vida em Pequena Escala

Transformando Contêineres de Transporte em Casas Modernas e Elegantes

Design Personalizado para Máximo Conforto

Construindo com Contêineres Reformados
Why choose CDPH
Design de casas de contêiner?
Casa dobrável de alta qualidade
Cabine apple no Estilo Moderno
Nova chegada casa pré-fabricada
Boas Vendas casa de contêiner
Categorias de produtos relacionados
Não encontrou o que procura?
Solicite uma cotação agora
Entre em contato com nossos consultores para obter mais produtos disponíveis.Entre em Contato
27+ Anos de Experiência
Construção de Acampamento de Engenharia