">
,需要通过父级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);
}
});
})();
Halló, vinir í sjálfsmunaverk! Dræmar þú um að reisa þinn eigin heimili með eigin höndum? Langar í draumahús á hjólum? Nú, með CDPH nútímamóðug heimilisbygging hólfi, geta draumar verið að sannast! Þetta er eins og að byggja ótrúlega götulag, nema að í lokin hefurðu heimilið sem þú hannaðir sjálfur og sem er bæði hentugt og stílbraut. Nú niður í smáatriði um frábæra heimilið með hólum. Það sem er svo gott við þessa tegund húsleika er að þeir eru hönnuðir fyrir þá sem elska að gera hluti sjálfir. Í hverjum húsleika eru allir hlutirnir sem þú þarft til að byggja heimilið þitt - frá veggjum og þaki til glugga. Þú þarft ekki eyða tíma á að fara á vélaver og leita í flókin byggingarritungr - allt er í lagi og tilbúið í húsleikanum. Þú getur jafnvel biðjað vini og fjölskyldu til að hjálpa til, svo að þetta verði gaman og samfélagslegt samþættingartækifæri fyrir alla. Hugsdu þér fyrirmynd um að geta búið til draumahjemilið nákvæmlega eins og þú vilt. Þakkaði CDPH nútíma móduhús , það getur verið að raunverða. Frá grunnplanum til ytri hæðarlýsinga, frá hönnunarkerfi til þess hvar þú býrð í samfélaginu, eru margar ástæður til að byggja hálfsmíðaðan heim að nákvæmlega þínum kröfum. Hvort sem þú óhugðir lítil hæna í skóginum eða nútímalega sumarbæ á ströndinni, þá er hægt að finna sett fyrir þig. Og með skref-fyrir-skref leiðbeiningum munt þú geta sett það allt saman án þess að taka langan tíma. Modúlhusalegar CDPH eru bæði auðveld í byggingu og gaman að stylla, en þær eru einnig að borgnun og umhverfisvænar. Þar sem allir hlutarnir eru þegar fyrir-snerið og tilbúin til að fara, munt þú eyða minna peninga á byggingu. Enn fremur eru þessar sett framleiddar úr endurnýjanlegum efnum, svo þú getur verið ánægður með að minnka eigin útblástur á kolefnisfæti meðan þú byggir fallegt heimili fyrir þig og fjölskylduna þína. Ein af kúlegasta hlutum varðandi CDPH móðern heimsókn er tækifærið til að vanda þinn eigin rými. Viltu auka svefnherbergi? Engin vandamál! Þarftu stærra kjallara? Þú færð það! Með þessum hólfum getur þú bætt við eða tekið upp herbergi, breytt uppsetningu eða jafnvel uppfært hluti eins og gólfið og vinnuvíddir. Með óendanlega mörgum möguleikum getur þú hannað heimili sem er sérstakt og hentar þér. Eplahús, einstakt form, fallegt útlit, gerir heiminn þinn persónulegri. Frá einföldum nútíma til gamaldags stíls bjóðum við upp á fjölbreyttan valkost af stílum og litum til að uppfylla persónulegar þarfnis þín. Setur fyrir húsaþætti er miðuð við óskir og kröfur notanda. Hún er hægt að sérsníða til að uppfylla kröfurnar þínar. Á grundvelli persónulegra óska og kynslóða geturðu breytt stíl hússins þíns, skipulaginu, vatsveitunni, rafmagnsveitunni og fleira. Til að búa til fullkomna heiminn sem er einstaklega þinn. Við byggjum rafmagns- og vatnsveitur áður en húsið er klætt, sem hjálpar til við að koma í veg fyrir tímafrekta endurraðningu á rafmagns- og vatnsveitum eftir klæðingu hússins og bætir við klæðingaráreynslu og gæði. Við bjóðum upp á fjölbreyttan valkost af innri skipulögum fyrir þig, þar á meðal hlutir eins og píanóherbergi og matstofa, svefnherbergi, kökurúm, baðherbergi o.s.frv. Þú getur valið eftir þarfnis og kynslóðum þínum til að byggja fullkomna heiminn fyrir þig. Lifandi í gæðum, rétt frá Eplahúsinu! Kannaðu einstaka drotningaleika Eplahússins! Gerið heiminn ykkar öruggari og þægilegri með því að byggja hann í umhverfisgeyslum! Allir uppbyggingarefni eru framleiddir í verksmiðjum. Þegar þið veljið viðeigandi mál, skipulag og hönnun er hægt að byggja heiminn ykkar fljótt. Á grundvelli kröfu og kynþokka ykkar er hægt að sameina nokkur einingar í ýmsa herbergisskipulög til að búa til fjölnotu boðaða bústaðarstaða, svo sem píkstofu, kökustofu eða settar saman í geyslubústaðapakka. Mikilvægasta atriðið sem á að taka eftir er að geyslubústaðurinn okkar er auðveldur að taka sundur og setja saman, með stöðugri uppbyggingu og frábærum árangri, svo sem vatnsþéttur, mótsvarandi rost, mótsvarandi rost og eldþéttur, og uppsetningin er einföld og auðveld að nota án þess að þurfa neinar tæknilegar þekkingar. Geyslubústaðirnir sem við byggjum eru gerðir til að passa þarfir ykkar, hvort sem það er fyrir einkabústað, tímabundin opinber starfssvæði eða geymslu, eða fyrir hvaða annað sem er. Núna er rétt tími til að kaupa geyslubúr og nýta sér lægri verð og vensillegri viðskiptaviniþjónustu. Bætið lífinu ykkar með því að kaupa geyslubúr! Framfertu húsið er byggt með sérstökum uppbyggingarhönnun og hefur góða skjálftuþolshamfar til öryggis móduleigenda. Módulehönnun, auðvelt að flytja og setja upp, hægt að sérsníða eftir persónulegum kynningum á mismunandi stílum og herbergjategundum. Allir hlutir eru gerðir úr framfertum efnum og einfaldur að sameina, þarfnast ekki sérstakra færða. Hvort sem það er ætlað sem býli, starfsstaður, geymsla eða annað, geta framfertu hús uppfyllt þínar þarfir. Styllt útlit, sléttar línur og möguleiki á sérsníðingu eftir persónulegum kynningum til að búa til einstakt býlisvæði. Best af öllu er ekki nauðsynlegt að sveisa framfertu hús á staðnum og við veitum einnig uppsetningarleiðbeiningar til að gera uppsetninguna auðveldari og hraðari. Nýttu þér ávinninginn af að lifa þægilegra lífi, veldu Chengdong framfertu hús. Breytilega húsverkþjónusta er byggð á viðbótum sem hægt er að skipuleggja eftir þörfum þínar á móduleigum húsum. Þetta gerir mögulega massafgerð og gerir húsið þitt öruggara, stöðugara og áreiðanlegara. Auk þess er hægt að sameina rýmið á fleksible hátt til að uppfylla mismunandi notkunarþarfir, svo að þú getir haft þægilegt líf reynslu á hverjum tíma og frá hverjum stað. Fljót leifing! Leifingin og pakkanirnar eru mjög fljótar. Við notum sérfræðið pakkanarfólk samkvæmt tilvísunum þínum til að pakka breytilegu herbergið og tryggja að þú fáir bestu vöruna. Við munum fylgjast með hverju skrefi í leifingarferlinu til að tryggja að vörurnar þínar komi á áfangastaðinn á öruggan hátt. Það er einnig þægilegasta valmögulegheitin, því herbergið foldast auðveldlega upp án sveiflunar á staðnum, og við veitum uppsetningarábendingar til að gera uppsetninguna þína auðveldari og hraðari. Ef þú fylgir ábendingunum okkar er einfalt að setja upp breytilega húsið. CDPH gerir og selur margföld tegundir af móðúlshúsum, fyrirtækjum húsum og villuhúsum. Breið vörulisti tryggir okkur að bjóða upp á viðeigandi lausn fyrir hvern rannsóknarferlinn.Smíðahúsgögn
Byggja heimilið þitt með smíðahúsgögnum

Útreiknings- og umhverfisvinnumiðað búseta með smíðahúsgögnum

Sérsníða pláss með smíðahúsgögnum

Smíðahúsgögn breyta bransjanum
Why choose CDPH
Smíðahúsgögn?
Nútímastíll apple hús
Góðu sölu húsi í takkarað
Nýtt aðkomulagð hús
Háþoka Foldhús
Finndu ekki það sem þú leitar að?
Biðja um tilboð núna
Hafðu samband við ráðgjafana okkar fyrir fleiri tiltækar vörur.Taktu samband
27+ Ár Af Erfi
Rannsóknar og rannsóknarferli í bygging