? Mes ...">
,需要通过父级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);
}
});
})();
Norite šiek tiek kitokio ir įdomaus būdo suprojektuoti svajonių namus? Ar kada nors galvojote apie unikalaus gyvenamojo ploto statybą iš konteineriai ? Mes, CDPH, didžiuojamės unikalių ir naujoviškų konteinerių namų kūrimu visų tipų gyvenimui – nuo ekonomiško šeimos gyvenamojo ploto iki tobulos pabėgimo vietos. Nepaisant jūsų asmeninių skonių ar gyvenimo būdo, ar jūs esate gamtos mylėtojas, minimalizmo paprastumo gerbėjas ar traukiamas modernaus gyvenimo, mes siūlome populiariausius konteinerių namų plane planus, kuriuos galite kurti ir derinti, ir parodysime, kaip tai padaryti kuo tiksliau. konteinerių namų planai ? Mes, CDPH, didžiuojamės unikalių ir naujoviškų konteinerių namų kūrimu visų tipų gyvenimui – nuo ekonomiško šeimos gyvenamojo ploto iki tobulos pabėgimo vietos. Nepaisant jūsų asmeninių skonių ar gyvenimo būdo, ar jūs esate gamtos mylėtojas, minimalizmo paprastumo gerbėjas ar traukiamas modernaus gyvenimo, mes siūlome populiariausius konteinerių namų plane planus, kuriuos galite kurti ir derinti, ir parodysime, kaip tai padaryti kuo tiksliau. Projektuojant konteinerinį namą, galimybės yra begalinės. Nuo jaukių mažų namelių iki didelių šeimyninių namų – konteineriniai namai siūlo jums tinkamą išplanavimą ir dydį. Jei esate žmogus, kuriam gyvenime reikia daug laisvės, tada vieno miegamojo konteinerių namas tai, ko jums reikia, nes tai paprasčiausias galimas konteinerinio namo išplanavimas. Šis kompaktiškas, energiją taupantis dizainas apima atvirą gyvenamąją erdvę, funkcionalią virtuvę, vonios kambarį ir miegamąjį – viskas tvarkingai sutalpinta viename vežimo konteineryje. Jei jūs mėgstate gamtą, mūsų ekologiškai saugus konteinerinis namas yra puikus įkvėpimo šaltinis. Projektą apibūdina dideli langai ir stogo šviestrai, kurie patalpas užlieja natūralia šviesa, sukuriant šviesią ir erdvią gyvenamąją erdvę. Taip pat yra labai didelis lauko terasa, kur galima atsipalaiduoti arti gamtos. Ar galėtumėte priprasti pabusti girdėdami čiulbant paukščius ir matydami saulės spindulius, skverbiančius pro medžių vainikus? CDPH mes turime konteinerių namų planai visų formų ir dydžių, kad atitiktume bet kokius reikalavimus bei biudžetą. Ar ieškotumėte mažo namelio, ar didesnio, tradiciniu stiliumi suprojektuoto namo – mes turime dizainą, tinkantį jūsų poreikiams! Mūsų specialistai dirbs kartu su jumis, kad išsiaiškintų, kas geriausiai tinka jūsų šeimai. Nuo išplanavimo ir erdvės organizavimo iki galutinių vidaus detalių – padėsime sukurti konteinerinę erdvę, atspindinčią jūsų skonį ir asmenybę. Dviejų aukštų namo planas gali būti jauku mažasis kotedžas ar prabangus europietiškas dizainas. Turint keletą miegamųjų, vonios kambarių ir gyvenamųjų erdvių, šis patalpų išplanavimas yra idealus tiems, kuriems tiesiog reikia daugiau vietos atsipalaiduoti. Antrą aukštą galite panaudoti kaip izoliuotą savininkų prieglobstį ar svečių erdvę, pritaikydami ją savo gyvenimo būdui. Konteinerio namo plano planai Jūs, jei kada nors svajojote suprojektuoti savo namus, dabar galite padaryti šią svajonę tikrove su konteinerio namo planu . Su CDPH galite projektuoti pagal savo norus ir pastatyti namą, kuris ilgalaikėje perspektyvoje bus 100 % unikalus kiekviena prasme. Ar tai būtų architektas, norintis suprojektuoti savo individualų konteinerio namą, ar verslo savininkas, siekiantis plėsti savo prekės ženklą, mes džiaugiamės galėdami padėti jums suprojektuoti konteinerinį namą, apie kurį svajojote. Pradėkite čia su mūsų pasirinkimu konteinerio namų planai arba susisiekite su mumis, kad sukurtume individualų dizainą, padėsiantį jums dirbti iš namų ir kartu padarytų netipinę erdvę kuo patogesnę. Kai nuspręsite dėl plane plano, mes bendradarbysime su jumis, kad asmenintumėte išdėstymą bei apdoravimo detalių, kurios padarys jūsų namus tikrai unikaliais. Galite tinkinti savo konteinerio namą iki pat medžiagų ir spalvų, kurias naudojate, bei įrenginių ir buities technikos, kuriuos montuojate. Obuolių namelis, unikali forma, gražus išvaizdos įspūdis – padarykite savo namus dar asmeniškesnius. Turime įvairių stilių ir spalvų variantų, kurie puikiai derės prie jūsų asmeninės skonio nuomonės – nuo paprastų šiuolaikinių iki tradicinių. „Beijing Chengdong“ specializuojasi konteinerinių namų planavime ir projektavime, todėl viskas gali būti pritaikyta pagal jūsų poreikius. Kad atitiktumėte savo individualius pageidavimus ir pomėgius, galite pasirinkti namo projektą, išdėstymą, vandens bei elektros sistemą ir kt., kad sukurtumėte idealų, unikalų namą sau. Elektros ir vandens tiekimo sistemos buvo suprojektuotos ir įrengtos dar prieš pradedant statybas, todėl vengiama laiko švaistymo, reikalingo vėlesniam vandens ir elektros laidų perdėliojimui po namų apdailos, o tai padidina apdailos efektyvumą ir kokybę. Gyvenamajame plote, valgomajame, miegamajame, virtuvėje ir kitose patalpose galite pasirinkti įvairiausius vidaus dizaino sprendimus. Kokybiškas gyvenimas prasideda nuo Obuolių namelio! Obuolių namelis – tai unikali erdvė! Konteinerinis namas – padarykite savo gyvenimą saugesniu ir patogesniu! Visi konstrukciniai elementai yra gamybos cikle pramoniniu būdu iš anksto pagaminti. Pasirinkdami tinkamus matmenis, konfigūraciją ir dizainą galėsite greitai pastatyti savo gyvenamąją erdvę. Remiantis kliento reikalavimais ir pageidavimais, įvairūs moduliai gali būti sujungti į skirtingus planus: virtuvės, konteinerinio namo grindų planus bei miegamųjų. Svarbiausia tai, kad mūsų konteineriniai namai yra paprasti išmontuoti ir surenkami, turi stabilų konstrukcinį sprendimą ir puikią našumą – yra vandeniui, drėgmei ir ugniai atsparūs; montavimo procesas yra paprastas ir lengvai valdomas, be to, jis nereikalauja jokių specialių techninių įgūdžių. Mes statome konteinerinius namus, kurie atitinka Jūsų poreikius – būtų tai privatus gyvenamasis namas, laikinosios biuro ar sandėliavimo patalpos ar kiti tikslai. Dabar pats laikas įsigyti konteinerinę patalpą – gausite žemesnę kainą ir dėmesingą klientų aptarnavimą. Pagerinkite savo gyvenimą įsigydami konteinerinę patalpą! Prefabrikuotas namas turi specialų konstrukcinį projektą ir gerus konteinerinio namo grindų planus, kad būtų užtikrinta saugos. Modulinė konstrukcija, lengvas vežimas ir montavimas, taip pat galimybė pritaikyti pagal jūsų asmeninius pageidavimus skirtingoms stilių ir kambarių rūšims. Visi komponentai yra prefabrikatuoti ir lengvai montuojami, specialių įgūdžių nereikia. Nepriklausomai nuo to, ar namas skirtas biurui, gyvenimui, sandėliavimui ar kitoms situacijoms, prefabrikatuotas namas gali patenkinti jūsų poreikius. Stilingas išvaizdos, glotnios linijos ir galimybė pritaikyti pagal jūsų pageidavimus, kad sukurtumėte unikalų gyvenamąjį erdvę. Geriausia tai, kad prefabrikatuoti namai nereikalauja suvirinimo statybvietėje, o mes taip pat pateikiame montavimo instrukcijas, kad supaprastintume ir pagreitintume jūsų montavimo procesą. Pradėkite gyventi geriau su Chengdong prefabrikuotais namais. Chengdong prefabrikuoti namai. Skleidžiamasis namas turi atvirą planavimo dizainą, kuri gali būti derinama pagal Jūsų poreikius, kad būtų padidinta gamyba ir padėtų padaryti gyvenamąją vietą saugesnę, stabiliau ir patikimesnę. Kambariai gali būti sujungiami taip, kad atitiktų įvairius poreikius, todėl galite patogiai apsistoti bet kur ir bet kada. Konteinerio namo grindų planai! Siuntimas ir pakuotė vyksta labai greitai. Mes naudojame kvalifikuotą pakuotės komandą, kuri atsižvelgdama į Jūsų reikalavimus supakuos skleidžiamąjį kambarį, kad gautumėte geriausią produktą. Gaminio vežimo metu mes taip pat stebėsime kiekvieną proceso etapą, kad produktai saugiai pasiektų paskirties vietą. Svarbiausia, kad kambaris lengvai sulankstomas, todėl statyba nereikalauja konteinerio namo grindų planų. Taip pat pateikiame montavimo instrukcijas, kad jūsų montavimas būtų greitesnis ir efektyvesnis. Kai tik laikysitės nurodytų instrukcijose žingsnių, galėsite užbaigti savo skleidžiamojo namo montavimą. CDPH gamina ir parduoda įvairius moduliinius namus, prefabrikatus ir vilios namus. Platus produktų spektras leidžia mums siūlyti tinkamą sprendimą kiekvienam inžinerijos kampei.Konteinerių namų planai
Konteinerių namų planai

Konteinerių namų planai kiekvienam gyvenimo būdui

Išsiaiškinkite konteinerių namų planus

Suprojektuokite savo svajonių namą su konteinerių namų planais
Why choose CDPH
Konteinerių namų planai?
Suaugių stilius Apple kabina
Gerai pardavinė konteinerio namų
Nauji prieinami prefabrikatuoti namai
Aukštos kokybės sudedamasis namas
Susijusios produktų kategorijos
Nerandate ko ieškote?
Prašykite kainos pasiūlymą dabar
Susisiekite su mūsų konsultantais dėl daugiau galimų produktų.Susisiekite
27+ metų patirties
Inžinerijos kampų statyba