is teach atá ar fad tógtha i mbeagáin, ag tac...">
,需要通过父级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);
}
});
})();
Ar láthair, is féidir leat cloisteáil ón chara, cad is é an teach modúlaire? CDPH teach modúlach is é sin teach atá ag bunú mar phriomh-bhuidéal sa pháirc. Nuair a bunaítear na priomh-bhuidéala nó na codanna, titimid orthu go dtí áit a mbeidh an teach ag bunú. Gan amhras, é sin difriúil ón gcéim uaireanta a thógaimid teach, a thagann go léir ar an suíomh deich mbliana ina dhiaidh sin, táthar ag déanamh tuairim go mbeidh an uimhir timpeallán timpeallán a thógfaidh dul chun cinn faoi leith. Tá daoine eile tar éis bheith cinnte orthu le linn dul chun gcineál nua de talmhaíocht. Is é sin, is féidir leo a bheith níos saor ná cineálacha eile. Is é sin as an méid go bhfuil siad ar siúl mar atá siad ann agus nach bhfuil siad á chruthú sa phléasfácht, ach is féidir leo a chur le chéile go tapa – a chostais beagán níos mó airgid. Tá talmhaí ag cruthú i gcónaí i bhfactóirí, a chiallaíonn go bhfuil siad críochnaithe go tapa agus is gá beagnach níos lú oibre acu, a dhéanann iad níos soiléire. Tá sé chomh maith againn faoi rúin na gcásanna seo nach mbeidh sé amhlaidh agat ach d’fhonn féin do theach a chruthú agus a chur le chéile. Tá sé ar fheabhsuithe agat cén ghné den teaghlach a thógfaidh tú, cólaí, agus fiú cúrsa. Ach tá tithe módlachta ina measc ag cinntiú an t-imeartha níos mó daoine leis an gcéad bliain deag seo chun cionn. Glactar go dtugann siad tithe íoctha, atá ar fheabhsuithe. Is maith le daoine go bhfuil aonair acu chun cúpla dollar a shábháil don rud atá i gceist é sinne féin a chruthaíonn an nóta. Is maith le heangaireacht orthu mar tá sé acu féin seo CDPH tigh modúlaithe móderna a chruthú níos tapaidh agus a bheith ag dul ar an chéad uile phroject eile. Is féidir leo ama a shábháil agus oibre níos mó a dhéanamh, gach uile am céanna ag déanamh captial breise atá pertinant don eangail. Mar sin, tá níos mó eangaire ag dul ar aghaidh na tíortha módlacha. Sugachtaí Cabhracha: Nuair a bhreithear Teach Modúil, caithfidh tú tosú le seoltóir a aimsiú atá ag obair ar na tíortha seo. Tá suíomhanna gréasáin ann nó is féidir leat fheiceáil daoine i do shaol féin d'fhreagairt. Is féidir leo comhlacht dearfach a léiriú duit chun cabhrú. Nuair a bheidh roinnt rogha agat chun oibriú leis, is maith an rud é an príosún a athrú agus cad a bhaineann le gach teach. Beidh cuid de na comhlachtaí ag críochnú gach rud duit mar sin is féidir leat bogadh isteach go hiomlán. D'fhéadfadh cuid eile díriú ort plé a dhéanamh mar shampla ceadúnas a chur isteach nó obair faoi marbhshonraí. Tá roinnt de na tithe modúla beartaithe don ngréasa. Íosann siad neamhfhoilsithe ó thaobh thógála sa pháirc seo. Tabharfaidh sé seo cúnamh chun scéalta marbh a laghdú a chuirtear ar fud. Na hábhair CDPH tithe módaíochta is féidir go mbeidh sé níos éifeachtúil ná smuigí fad-traidisiúnta nó bealaí eile nach bhfuil acu comhionannas. Mar sin féin, is féidir leat iad a chur i gcomhlach chun roghanna níos éifeachtúla náiriúil a fheabhsú (mar shampla, painéil sólásacha nó insultáil níos fearr). Tá na rudanna seo in ann airgead a shábháil duit ar do scillingí níos nádúrtha agus an tí a dhéanamh cosúil le hata. Títhe modúla, le cruth uiniceach, le hainmheáin álainn, a dhéanann do thithe níos pearsanta. Ó stíl simplí na linne seo go dtí stíl sean-aimseartha, tá rogha leathan stíleanna agus dathanna ar fáil dúinn a bheidh oiriúnach do rogha is fearr leat. Tá Beijing Chengdong dírithe ar riachtanais úsáideoirí, agus is féidir an t-ábhar a shaincheapadh chun freastal ar do riachtanais sonracha. Is féidir leat do theach mianta a dhearbhú trí athrú ar an leagan amach, ar sholáthar an uisce agus na heilictríochta, ar an gcruth agus ar eile. Tá an t-uisce agus na heilictríochta réamh-mhiondhaite, rud a chuireann in aghaidh an phróisis fhada de athshocrú na mbuailteanna nuair a dhéantar an t-ábhar, ag méadú ar an mórcháilíocht agus ar an éifeachtíocht den deoraithe. Tá rogha leathan de roghanna leagan amach istigh ar fáil againn, lena n-áirítear seomra cónaithe, seomra bia, seomra codlata, cuisine, seomra folctha, srl. Is féidir leat roghnú de réir do rogha is fearr leat, chun teach idéalach, uiniceach a chruthú duit. Apple House – Cáilíocht sa bheathú i a bhfuil an beannacht! Tá Apple House in aice le háit uiniceach! Tá an teach réamhghníomhaithe curtha le dearadh struchtúrtha speisialta agus tá a bheith ina chumas a bheith ina sheasmhach i gcoinne crith talún go maith chun slándáil na dtithe modúlaí. Dearadh modúlaí, éasca le tógáil agus le hionannú, is féidir é a shaincheapadh de réir do rogha pearsanta ar stíleanna agus cineálacha seomra éagsúla. Tá gach eileamint déanta as ábhar réamhghníomhaithe agus is éasca iad a chur le chéile gan bheith ag teastáil ó scileanna sonracha. An bhfuil sé mar spás cónaithe, spás oifige, spás stórála, nó do chuspóirí eile, is féidir le tithe réamhghníomhaithe do riachtanais a chomhlíonadh. Tá feidhmíocht stílúil air, línte gaothmhar, 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 himpleamh ar an suíomh agus soláthraímid treoracha le hionannú chun an t-ionannú a dhéanamh níos éasca agus níos tapúla. Glac le buntáistí an bheith ag maireachtáil saol níos sábháilte, roghnaigh Tithe Réamhghníomhaithe Chengdong. Déan do bhaile níos sláintiúla agus níos coimeádach trí chomhábhair a shuiteáil! Úsáideann muid tithe modúlaigh ina bhfuil gach comhábhar struchtúrtha. Tá siad uile réamhtháirgeadh i mbunaitheacht ar an gcaoi chaighdeánach. Roghnaigh an méid agus an cumraí ceart, agus is féidir leat spás beo a thógáil go tapa chun do riachtanais a chomhlíonadh. Bunaithe ar riachtanais agus ar roghanna an chliant, is féidir na modúil éagsúla a chur le chéile chun leaganacha seomra éagsúla a chruthú mar shampla cuisine, seomra taitneamh nó leaba. Tá na treith iontacha seo sa teach i mbocsa: é a bheith ina bhosca uisce, ina bhosca fuaime, ina bhosca coirrúcháin, ina bhosca tine agus ina bhosca coirrúcháin. Is éasca agus simplí an próiseas suiteála, agus ní ghiarrtar aon eolais teicniúil speisialta. An bhfuil sé do spás pearsanta, oifig sealadach, stóráil nó riachtanais eile atá i gceist, tá ár dtithe réamhtháirgeadh i mbocsa deartha chun do riachtanais a chomhlíonadh. Faigh seomra i mbocsa inniu agus bain sult as costas íseal agus seirbhís níos cairdiúla chun do shaol a dhéanamh níos taitneamhúla! Tá tithe modúlaí The House tar éis a thógáil i bparaiméadar modúlaí is féidir a eagrú de réir riachtanais do thithe. Déanann sé seo cumas le tithe a tháirgeadh i mblocanna agus déanann sé do thithe níos sláintiúla, níos stiúrtha agus níos iontaofa. An am céanna, comhcheanglaítear an seomra scuabtha go soléir chun freastal ar riachtanais úsáide éagsúla, mar sin is féidir leat sult a bhaint as comfhort do thithe ag aon am agus i aon áit. Díoladh tapa! Tá an t-uisce agus an pacáil an-tapa, úsáideann muid foireann phacála oiliúnaí le pacáil do shpás scuabtha de réir do riachtanais agus le cinntiú go mbainfidh tú an táirge is fearr. Le linn an phróisis díolaithe, leanann muid gach céim den phróisis freisin chun cinntiú go mbainfidh na míreanna le hionad ceart go sábháilte. Is é seo an rogha is coitianta freisin, mar a scuabhtar an seomra go héasca chun é a chur suas gan reoċtadh ar an suíomh. Soláthraímid treoracha suiteála chun do shuiteáil a dhéanamh níos tapa agus níos éifeachtaí. Chomh fada agus a leanann tú na céimeanna a léirítear sa treoir, is féidir leat an t-uisce a scuabtha a shuiteáil go héasca. 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.Tithe príomhshraith
Incheapach, Hi-éifeach agus Le Tuarascáil

An Éigintacht le Cónaí Tógála Fhoirmeacha

Gaidhín Chomhlánach faoi Thógála Fhoirmeacha do Chónaí

Maithe leis an nNádúr, Ioncamach agus Ardchaighdeánach
Why choose CDPH
Tithe príomhshraith?
Stíl Módarnach cabin apple
Nua-éagsúil teach réadaithe
Seomra díograis Maith
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