, is féidir leat do sheanmóid a fháil go fíor.">
,需要通过父级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);
}
});
})();
Dia duit, cairde DIY! An bhfuil tusa ag suíocháin faoina teach féin a thógáil le do lámha féin? An bhfuil teach tanaisthe ar rothanna ag tuismitheoirí? Bhuel, le CDPH tithe módfaithe dúchais cogaill, is féidir na suíocháin a bheith againn! Tá sé cosúil leat ag tógáil puzail mhóir, seachas ag deireadh teach a bheith agat de do chuid dearadh féin a bheidh chomh suaimhneach agus is stílúil. Anois, síos go dtí an bunske ins an domhan iontach seo de chogaill teach modúlacha. Cad is breá leis na cithíocha seo do theach módularach ná go bhfuil siad uile deartha don duine a dhéanann sé féin. Tá gach rud atá ag teastáil uait chun do theach a thógáil san ionad amháin - ón mballaí agus an scáilfhoirm go hailleanna. Ní gá duit ama a chaitheamh ag rith ar ais agus ar aghaidh chuig an siopa iarann nó trí phleananna tógála casta a chur in eagar - tá sé uile ansin sa chitíoch. Is féidir leat fiú do chairde agus do theaghlach a ghlacadh le cabhrú, ag coimeádadh ar an deis chumhachtach sin do gach duine. Smaoinigh ar an gcumas a bheith agat do theach is mó is breá leat a chruthú go beacht mar a mhaith leat. Buíochas le CDPH tithe módaíochta , is féidir an t-ais seo a réaltaíocht. Ónarrach go hinnseacht, ó roghanna deartha go dtí an áit a mbeidh tú ag maireachtaint sa phobail, tá líon mór fandchóirí ann chun teach a dhéanamh le do chuid sonraíocht. Cibé an bhfuil tú ag iarraidh teachín beag i measc na ndeascrach nó teach traidisiúnta ar an trá, tá tacar roghanna ann duit. Agus leis na treoracha ceann ar éis céile, beidh tú in ann an t-ábal go léir a chur le chéile gan mhoill. Tá na tacair teach módulach CDPH éasca a thógáil agus spraoiúil chun iad a chruthú, ach tá siad freisin éagsúla agus comhshaothairtheach. Ó tharla go bhfuil na codanna uile réitshneachta agus réidh le dul, caillfidh tú níos lú airgid ar thógáil. Chomh maith sin, tógadh na tacair seo ag úsáid ábhair ina bhfuil sé ina chumas, mar sin beidh maith agat faoi do chuid lámhscríbeachta gairmitheachta agat fad is a thógann tú teach álainn do dhearcadh féin agus do dhuine anonn. Is é an ceann is fearr faoi CDPH diseáin cónaithe móda is an deis chun do spás féin a pearsainiú. Ar mhaith leat seomra codlata breise? Ní fhadhb é sin! An bhfuil cistin níos mó ag teastáil uait? Tá sé sin freisin tugtha! Ag baint úsáide as na cogaill seo, is féidir leat seomraí a chur leis nó a bhreith, an leagan a athsholáthar, nó fiú comhpháirteanna cosúil le hiasca agus corraíocht a nuashonrú. Le líon éigríoch roghanna, is féidir leat teach a dhearadh a bheidh i ndáiríre amháin de na cineálacha agus a bheidh oiriúnach duit. Cabin Apple, cruth uathúil, taispeáin álainn, a dhéanann do bhaile níos pearsanta. Ó stíl simplí na linne seo go dtí an tsean-stíl, soláthraímid raon leathan stíleanna agus dathanna chun do riachtanais phearsanta a chomhlíonadh. Tá foirgnimh modúlaí curtha le chéile lena n-aidhm a bheith ar shon an úsáideora agus a riachtanais. Is féidir iad a chur in oiriúint chun do riachtanais a chomhlíonadh. Bunaithe ar do miananna agus do rogha phearsanta, is féidir leat stíl do theach, do chur síos, do chóras uisce agus leictreachais, agus i gcónaí níos mó a athrú chun an teach ideal a chruthú atá uathúil duit. Táimid ag cruthú na mbunaithe leictreachais agus uisce roimh ré, rud a chuireann in oiriúint an tasc ama-thógalaí de athshocrú na mbunaithe leictreachais agus uisce tar éis an teagh a adhmadh agus a fheabhsú ar thionchar an adhmaid agus ar an cháil. Soláthraímid raon leathan de chur síos do thaisce, lena n-áirítear seomraí ceadailí agus bia, leapaí, cistine, leithreas, srl. Is féidir leat roghnú bunaithe ar do riachtanais agus do rogha phearsanta chun an teach ideal a thógáil duit. Saol ar ardchaighdeán, ón gCabin Apple! Taismigh sa charaism uathúil an Cabin Apple! Déan do bhaile níos sláintiúla agus níos comhfhreastalaí leis an úsáid a bhaint as coimeádáin! Tá gach eilimint struchtúrtha déanta i bhfabhracaí. Nuair a roghnaíonn tú na tomhais, an cumraíocht agus an dearadh oiriúnacha, is féidir do bhaile a thógáil go tapa. Bunaithe ar a dtéarmaí agus ar a rogha, is féidir cúpla modúl a chomhcheangal le chéile chun éagsúla fhoirmleanna seomra a chruthú chun spás ina bheith iolchumhachtach mar an seomra ceadhla, an múinteoir nó na cistiní coimeádáin. An rud is tábhachtaí le tabhairt faoi deara ná go bhfuil ár dtithe coimeádáin éasca a dhíchur agus a athshocrú, tá struchtúr stábla acu, tá feidhmíocht iontach acu, mar shampla, tá siad ina gcoimeádáin uisce, ina gcoimeádáin caor, ina gcoimeádáin caor agus ina gcoimeádáin tine, agus tá an suiteáil éasca agus simplí chun úsáid a bhaint astu gan aon eolas teicniúil a bheith riachtanach. Tógann muid tithe coimeádáin a bheidh oiriúnach do riachtanais, an bhfuil sé le haghaidh tíreolaíochta phríobháideach, oifigí sealadacha nó stóráil, nó le haghaidh aon úsáid eile. Tá an t-am anois ann chun seomra coimeádáin a fháil agus buntáiste a bhaint as prís níos ísle, mar aon le seirbhís custaiméirí níos cuingí. Feabhsaigh do shaol trí sheomra coimeádáin a cheannach! Tá an teach réamhghníomhaithe curtha le dearadh struchtúrtha speisialta agus tá a bheith ina chumas a bheith ina sheasmhach go maith chun slándáil na dtithe móidúla. Dearadh móidúla, éasca le tógáil agus le iarratas, is féidir a shaincheapadh de réir do rogha pearsanta ar stíleanna éagsúla agus cineálanna seomra. Tá gach eileamint déanta as ábhar réamhghníomhaithe agus tá sé éasca iad a chur le chéile gan scileanna sonracha a bheith agat. An bhfuil sé mar áit chónaithe, mar oifig, mar stóráil nó mar aidhm eile, is féidir le tithe réamhghníomhaithe freastal ar do riachtanais. Tá feidhmíocht stílúil air, línte glic, agus is féidir é a shaincheapadh de réir do rogha pearsanta chun spás cónaithe uathúil a chruthú. Is fearr gach duine, ní ghlacann tithe réamhghníomhaithe le haghaidh reoite ar an suíomh agus soláthraímid treoracha le haghaidh tógála chun an tógáil a dhéanamh níos éasca agus níos tapúla. Glac le buntáistí an bheith ag maireachtáil saol níos cóngaraí, roghnaigh Tithe Réamhghníomhaithe Chengdong. Tá an teach chomhtháite curtha le chéile de réir chaighdeán modúil a chuirtear ar fáil i gcoimeád leis na riachtanais atá agaibh do chuid foirgnimh modúla. Ceadaíonn sé seo torthaí mórscála agus déanann sé an teach níos sláintiúla, níos stiobhartaí agus níos oiriúnacha. Ina theannta sin, is féidir an spás a chur le chéile go soléir chun freastal ar riachtanais úsáide éagsúla, mar sin is féidir leat taithí shuíomhach a bheith agat ar aon am agus ó aon áit. Díoladh tapa! Is é an t-ionsáil agus an pacáil an-tapa. Bainimid úsáid as fhoireann phacála scileanta de réir na gspecifícíochtaí a sholáthraíonn sibh chun an seomra chomhtháite a phacáil agus cinntíonn muid go mbainneann sibh an táirge is fearr. Beimid ag rianú gach céim den phróiseas ionsáil chun cinntiú go mbainfidh sibh an táirge go sábháilte ag an dtearmann. Is é seo an rogha is coitianta freisin, mar aithníonn an seomra go héasca chun é a chur suas gan reoċtadh ar an suíomh, agus soláthraímid treoracha suiteála chun an próiseas a dhéanamh níos éasca agus níos tapúla. Má leanann sibh ár dtreoracha, is éasca an teach chomhtháite a shuiteáil. Tógann agus déanann CDPH den scoth éagsúlta nádúrtha teach, teach príomhphobal agus teach fheist. Rang leathan nádúrtha againn a chuireann ar ár gcumas freastal ar chóras chun gach laghaire a sholáthar.Ordlandáin teachra modúla
Tógáil do thuis cónaithe le hordlannanna teachra modúla

Beidhacht éifeachtach agus ina chónraíocht ina gcónraíonn tú le hordlannanna teachra modúla

Do spás a shaincheapadh le hordlannanna teachra modúla

Ordlandáin teachra modúla ag athrú an tionscal
Why choose CDPH
Ordlandáin teachra modúla?
Stíl Módarnach cabin apple
Seomra díograis Maith
Nua-éagsúil teach réadaithe
Folláin ardchaighdeán
An bhfuil tú ag iarraidh rud éigin nach bhfuil tú ag fáil?
Iarratas ar Shárú Anois
Déan teagmháil le haghaidh níos mó táirgí ar fáil leis na comhairlí.BÍ I LÉIGE LIOM
27+ Bliain De Sheirbhís
Buidheacht Laghairse