? Nós ...">
,需要通过父级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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
phone: nodeText,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
phone: nodeText,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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')) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: content,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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);
}
});
})();
Quer uma maneira um pouco diferente e divertida de projetar sua casa dos sonhos? Já pensou em construir um espaço habitacional exclusivo feito de contêineres de transporte ? Nós, da CDPH, orgulhamo-nos de criar soluções únicas e inovadoras em plantas baixas de casas container para todos os tipos de vida, desde espaços residenciais familiares econômicos até aquele refúgio perfeito. Independentemente do seu gosto pessoal ou estilo de vida, seja você apaixonado por atividades ao ar livre, amante da simplicidade minimalista ou atraído pelo estilo moderno, temos as plantas mais populares de casas de contêiner que você pode criar e personalizar, e vamos mostrar como fazer e acertar em cheio. Ao projetar uma casa de contêiner, as opções são ilimitadas. Desde casas pequenas e aconchegantes até grandes casas familiares, há uma planta e tamanho ideais para você nas casas de contêiner. Se você é uma pessoa que precisa de muita liberdade na vida, então uma de 1 quarto casa em contêiner de envio é o que você precisa, pois é basicamente a planta mais simples de contêiner marítimo que se pode obter. Este design compacto e eficiente energeticamente vem completo com uma área de estar aberta, uma cozinha funcional, um banheiro e um quarto — convenientemente embutidos em um único contêiner. Se você ama a natureza, nossa casa ecológica em contêiner é uma ótima fonte de inspiração. O design se caracteriza por grandes janelas e claraboias, que inundam o ambiente com luz natural, criando um espaço leve e arejado. Há um deck externo muito amplo para relaxar em contato com a natureza. Você conseguiria se acostumar a acordar com o som dos pássaros cantando e o sol entrando pelos galhos das árvores? Na CDPH, temos plantas baixas de casas container de todos os tamanhos e formatos para atender a todas as necessidades e orçamentos. Se você está procurando uma casa minúscula ou uma residência maior e mais tradicional, temos um projeto que atende às suas necessidades! Nossos profissionais podem trabalhar com você para descobrir qual modelo combina melhor com sua família. Desde o layout e planejamento do espaço até os acabamentos internos finais, ajudaremos você a projetar um espaço em contêiner que reflita seu gosto e personalidade. Um projeto de casa de dois andares pode ser uma cabana aconchegante ou um design europeu de luxo. Com vários quartos, banheiros e espaços de estar, este layout é perfeito para quem precisa de mais espaço para se espalhar e relaxar. Use o segundo andar como um retiro isolado para os proprietários ou como um espaço para hóspedes, adaptando-o ao seu estilo de vida. Projeto de Casa em Contêiner Plantas Baixas Você se já sonhou em projetar sua própria casa, agora pode tornar esse sonho realidade com projeto de casa em contêiner . Com CDPH você pode projetar conforme seu desejo e construir uma casa 100% exclusiva, de todas as formas possíveis a longo prazo. Se você é um arquiteto que deseja projetar sua própria casa personalizada em contêiner ou um empresário querendo expandir sua marca, estamos entusiasmados para ajudá-lo a projetar a casa de contêiner marítimo que você sempre sonhou. Comece aqui com nossa seleção de planos de casas em contêiner ou entre em contato conosco para criar um projeto personalizado que o ajude a trabalhar em casa, mantendo a vida em um espaço incomum tão confortável quanto possível. Uma vez que você escolher uma planta baixa, colaboraremos com você para personalizar o layout e os acabamentos, tornando sua casa verdadeiramente sua. Você pode personalizar sua casa de contêiner até nos materiais e cores utilizados, bem como nos acessórios e eletrodomésticos que instalar. Casa em forma de maçã, formato exclusivo, aparência bela, 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 especializa-se em plantas baixas para 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! Casa de contêiner: torne sua vida mais segura e confortável! Todos os componentes estruturais são pré-fabricados em fábrica. Ao escolher as dimensões, a configuração e o design adequados, você pode construir seu espaço habitacional rapidamente. Com base nos requisitos e preferências do cliente, os diversos módulos podem ser combinados para criar diferentes layouts de cômodos, incluindo cozinha, plantas baixas de casas de contêiner e quartos. O mais importante é que nossa casa de contêiner é fácil de desmontar e montar, possui estrutura estável e excelente desempenho — por exemplo, impermeabilização, proteção contra umidade e prevenção contra incêndios —, além de um processo de instalação simples e de fácil gerenciamento, sem exigir qualquer nível técnico especializado. As casas de contêiner que construímos são personalizadas conforme suas necessidades, seja para residência particular, escritórios temporários, armazenamento ou outra finalidade. Chegou a hora de adquirir uma sala em contêiner, com preço reduzido e atendimento ao cliente atencioso. Melhore sua qualidade de vida comprando uma sala em contêiner! A casa pré-fabricada possui um projeto estrutural específico e excelentes plantas baixas para casas-contêiner, garantindo segurança. Seu design modular e fácil instalação de transporte permite personalização conforme suas preferências pessoais quanto a estilos e tipos de cômodos. Todos os componentes são pré-fabricados e de fácil montagem, não exigindo habilidades especiais. Seja para escritório, moradia, armazenamento ou outras finalidades, a casa pré-fabricada é capaz de atender às suas necessidades. Aparência elegante, linhas refinadas e possibilidade de personalização conforme suas preferências, criando um espaço habitacional único. O melhor de tudo: as casas pré-fabricadas não exigem soldagem no local, e também fornecemos instruções de instalação para tornar o seu processo de montagem mais simples e rápido. Adote uma vida melhor com as casas pré-fabricadas Chengdong. Casas pré-fabricadas Chengdong. A casa dobrável adota um design de plano aberto que pode ser organizado de acordo com suas necessidades, a fim de aumentar a produtividade e ajudar a tornar seu espaço habitável mais seguro, estável e protegido. Os ambientes podem ser combinados de maneira a atender diferentes necessidades, permitindo que você desfrute de um espaço confortável em qualquer lugar e a qualquer momento. plantas baixas de casas-container! O envio e a embalagem são extremamente rápidos. Contamos com uma equipe especializada em embalagem, que trabalha conforme suas exigências para empacotar a sala dobrável, garantindo que você receba o melhor produto possível. Durante a entrega do produto, também monitoramos cada etapa do processo para assegurar que os produtos cheguem ao destino com segurança. Mais importante ainda, a sala se dobra facilmente, permitindo a construção sem necessidade de plantas baixas de casas-container. Também fornecemos orientações de instalação para tornar sua montagem mais rápida e eficiente. Ao seguir os passos descritos nas instruções, você conseguirá concluir a instalação da sua casa dobrá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.Plantas baixas de casas container
Plantas baixas de casas container

Plantas Baixas de Casas Container para Todos os Estilos de Vida

Explore Plantas Baixas de Casas Container

Projetar a Sua Casa dos Sonhos com Plantas Baixas de Container
Why choose CDPH
Plantas baixas de casas container?
Cabine apple no Estilo Moderno
Boas Vendas casa de contêiner
Nova chegada casa pré-fabricada
Casa dobrável de alta qualidade
Categorias de produtos relacionadas
Não encontrou o que procura?
Solicitar Orçamento Agora
Entre em contato com nossos consultores para mais produtos disponíveis.Entre em contato
27+ Anos de Experiência
Construção de Acampamento de Engenharia