seo is ea na l...">
,需要通过父级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);
}
});
})();
An bhfuil tú ag éisteacht le himeartha container? Is é Container House teach maith a bhfuil containers mar pháirt de. Iad teach Coimeádáin iad na n-ionsaidí meilte mór san iad scileanna is féidir acu a sheoladh trí mheán loinge agus ghréasaíochta. Tá siad ag fás in éadan leis an gcéad amhras, mar atá an costas orthu a chruthú níos íseal ná tithe cheannróda. Sin said sin, ní bheidh cruthú teach ionadach chomh saor leis nach mbíonn sé ar dtús. Tá go leor fachtóirí a bhaineann leis an costas iomlán chun do theach ionadach a chruthú. Mar shampla, cá bhfuil tú ag smaoineamh go raibh do dhlí? Ar mhaith leat go mbeadh cúigreán amháin nó cúigreacha beaga? Mar shampla, cad faighteanna a mhaith leat a chur isteach; seomra cinnithe móire nó seomra deochoide láidir? Cén chaoi a mhaith leat bheith ar shon nó céanna tá saincheanaíocht ag obair eile? Gach rogha de na roghanna seo chomh maith beidh taobh leis an príosún nuair a bheidh do theach ionadach críochnaithe. An cinntíonn an rogha ar éigin a bhfuil teach stacaí níos soiléire ná dachaigh meán Scoile go mór ar cad atá agat ag lorg i gclasaí beatha. Is féidir go bhfuil costais tosaithe níos íseal againn le haghaidh dachaigh stacaí, ach ní hé sin nach bhfuil na tithe seo féin níos láidre ná teach traidisiúnta. Mar shampla, is féidir nach bhfuil siad chomh slánach le cúram idir-theangacha nó huricánai, a dhéanann difríocht mór de, bunaithe ar áit ar a n-athraíonn tú. Tá súil agam go bhfuil ceistí tábhachtacha againn faoi theagasc chun costas dachaigh stacaí a thabhairt amach má thugann tú faoi dheineadh é féin a shuíomhú. 1. Is féidir leat comhpháirtí a úsáid nó tuilleadh rithithe mar gheall ar pháipéar nó nead a bhfuil siad in ann cabhrú le do chostais síos a chur. Níl Greamaí Frith-Ghlacadh agus cibé céard atá agat ag úsáid cló agus rágaí, is féidir leat cúnamh a thabhairt don tír freisin. Beidh rogha eile agat chun brathóir a fheabhsú a bhfuil spéisialtóirí ag obair ar dachaigh stacaí. An CDPH teach Coimeádáin Folding ba chóir a bheith agat le tuiscint iomlán air agus faoi láthair chun cabhrú contiúil leat faoi bháiliú is fearr ar mhatarials ina dhiaidh sin oibre. Cuir ceisteanna faoi phleanáil réamh-mholta éagsúla mar atá sé mar chuid eile de na n-eochair. Suas agus síor glacadh faoi gur féidir leat a shuíomh agus cinntiú cad is mian leat sa bhaile. CDPH teach Fhéinmheasúnach Folard is féidir go mbeidh siad níos táite ná mar atá acu nuair a chuireann tú beartais agus soiléirithe breise orthu freisin. Mar sin, ba chóir duit a fhios a bheith cad is gá duit i gcónaí agus cad is féidir a dhéanamh gan. I measc seo, beidh tú in ann buidget a chruthú agus a choinneáil agus an méid atá agat á déanamh do theach container. Mar thoradh ar fadhbanna éagsúla, is féidir le thuisceanaí a bheith rogha níos sóiní ná tithe traidisiúnta. Ar dtús, is dóigh go bhfuil siad níos lú in ionad tithe traidisiúnta. An CDPH teach contéadra prefabaithe is glas iad freisin mar gheall ar úsáid cuntaireacha seolta sine agus tar éis neamhspleáchta agus comhdhúnachta a chur chun cinn. Mar sin féin, is féidir le thuisceanaí modúla marbhphointe a thabhairt dúinn agus go bhféadfadh tú do theach a chruthú mar a mhaith leat Ar scála níos leithne agus ós rud é go gcreidmíodh an chéim chun teach container, tá na hathruithe fosta ar fad ar fáil do dhaoine a bhfuil intinn orthu. Tá teach conatais réadaithe ann amhras i gcóir na ngroupaí agus fóramh ar líne a mhaireachtáil le cúpla duine eile atá ag obair ar theach container. Tá comharchanna bunaithe ann chun cabhrú, comhairle nó plé le daoine sula dtosaíonn tú nó tar éis tosú ar do phróiseas. Tógann an teach roimh-tháirgeadh dearadh speisialta le haghaidh láimhseála struchtúrtha agus is féidir leis a bheith ina chuid den chumas le cur síos ar thorthaí seismacha maith chun slándáil a chinntiú. Is é an dearadh modúlach éasca le bogadh, agus is féidir an suiteáil a chur i bhfeidhm de réir do rogha pearsanta de dhéantúsanna, stíleanna agus cineálanna seomraí éagsúla. Tá gach comhpháirt roimh-tháirgeadh agus tá sé éasca iad a chur i bhfadóga agus ní ghiarrtar scileanna sonracha orthu. An bhfuil sé mar oifig, mar áit chónaithe, mar stóras nó mar aon úsáid eile, is féidir leis an dtigh roimh-tháirgeadh freastal ar do riachtanais. Tá taispeántas stílúil air, línte glana, agus is féidir é a shaincheapadh de réir do rogha pearsanta chun spás cónaithe idéalach a chruthú. Is é an rud is fearr uile ná nach bhfuil riachtanais le bheith ag rith ceangailt ar an suíomh, agus soláthraímid treoracha suiteála chun do shuiteáil a dhéanamh níos éasca agus níos tapúla. Glac leis an saol is fearr atá ar fáil duit, roghnaigh tithe coimeádáin nó tithe roimh-tháirgeadh. Déan do bhaile níos sláintiúla agus níos coimeádach trí teach inbhuanaithe a shuiteáil! Tá na comhpháirteanna struchtúrtha uile réamhghinmheasaithe i bhfabhrac. Trí rogha a dhéanamh ar na tóirí ceart, ar an gcomhdhéanamh agus ar an stíl, is féidir leat do spás ina bheith ina chónaí go tapa. De réir a gcuid riachtanais agus a gcuid tosca, is féidir roinnt módúil a chur leis na leaganacha éagsúla seomraí chun teach inbhuanaithe iolchumtha a chruthú, mar shampla seomra ceadna, cistine nó leaba. Is é an pointe is tábhachtaí le tabhairt faoi deara go bhfuil an teach inbhuanaithe a úsáideann muid éasca le scaradh agus le athshuiteáil mar struchtúr thar a bheith láidir, le feidhmíocht iontach, mar shampla tuirseach uisce, cosc ar thine agus tá an próiseas suiteála éasca agus simplí chun a bheith faoi smacht, gan baint le haon spéisiúlacht teicniúil. Don bheith ina chónaí pearsanta, don stóráil, don oifig sealadach nó do chuspóirí eile, tá na tithe inbhuanaithe réamhghinmheasaithe deartha chun freastal ar do riachtanais. Bain leas as seomra bosca inniu, bain taitneamh as praghas níos fearr agus seirbhís níos fearr. Feabhsaigh do bheith ina chónaí! Cabin Apple, cruth uiníoch, taispeáint álainn, a dhéanann do bhaile níos pearsanta. Tairgeann muid raon leathan d’dhathanna agus stíleanna chun do rogha a shatisfá, ó stíl simplí na linne seo go dtí an traidisiúnta. Tá Beijing Chengdong fócasaithe ar riachtanais agus ar iarratais na úsáideora. Is féidir é a chur in oiriún le do riachtanais. De réir do mhian agus do rogha féin is féidir leat cruth an tí, an t-earrach, an t-uisce, an leictreachas, agus an t-earrach leictreachais agus uisce a athrú chun an bhaile ideal a thógáil atá uiníoch duit féin. Cabhrann an t-ullmhú réamhghníomhach ar na sreangacha uisce agus leictreachais linn an próiseas fada a sheachaint de na sreangacha a athshocrú tar éis do bhaile a adhmadh, rud a méadaíonn éifeacht agus calaí an adhmaid. Tairgeann muid raon roghanna earraíchta a léiríonn seomraí cónaí agus ithe, leapaí, cuisine, seomra folctha srl. Is féidir leat an ceann a roghnaíonn tú is fearr do riachtanais agus do rogha féin a roghnú chun baile ideal agus uiníoch a chruthú duit féin. Apple House – Cáilíocht sa bheathú is fearr! Taobh istigh den chostas ar bhaillíonna tí an Apple House! Tá an teach iolraithe bunaithe ar chostas na n-tithe container i gcomparáid le teach traidisiúnta, atá in ann a dheimhniú de réir do riachtanais, a chinntiú mar a bheidh sé ag tosú ar phróiseas mórscagtha, agus do shuíomh beatha a dhéanamh níos slán, níos stábha agus níos slán. Is féidir an seomra a úsáid go rannpháirtithe le cúram éagsúla, ciall don sin nach bhfuil tú ag cinntiú ach go mbeidh tú ag tabhairt faoi gach áit agus gach uair. Seoltar go tapa! Tá an sprioc seolta agus an seoladh céanna go tapa freisin, mar aon leis sin táimid ag obair le príomhphobal sa pháirc seolta, de réir do riachtanais a fheabhsú an tseomra iolrach agus cinntiú go mbeidh an ghné is fearr againn agat. Glacaimid comhairle gach céim den phróiseas seolta chun cinntiú go dtig na héadach isteach san áit go slán agus go stábha. Is féidir an teach folada a chur le chéile gan aon tsaothar a chruthú ar an suíomh agus thugaimid treoracha leathanachta chun an phróiseas a chur chun cinn níos luaithe agus níos éasca. Má leanann tú na cóipthe saor in aisce seo, beidh sé agat éasca an teach a chur ar fá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.Costas teach faoi scagán
Cé chomh míofaighidí atá é de bhunadh teach faoi scagán container?

Cad is fearr ó thaobh chósta?

Eagróidí don bhunadh teach faoi scagán costas-droimthe

Cén fáth go bhfuil teach faoi scagán mar thairbhe chósta?
Why choose CDPH
Costas teach faoi scagán?
Nua-éagsúil teach réadaithe
Seomra díograis Maith
Stíl Módarnach cabin apple
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