. Maaari rin itong af...">
,需要通过父级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);
}
});
})();
Sa CDPH, nakikilala namin ang pangangailangan para sa isang maayos na pamamahala container store maaari rin itong makaapekto sa bilis at epekto ng paghahanap at pag-imbak ng iyong mga bagay. Palaki namin ang listahan ng mga benepisyong natatanggap mo kapag nag-order sa amin kabilang ang mga naunang na-vet na supplier ng container, mga produktong sumusunod sa aming mataas na pamantayan sa kalidad, karaniwang mga kapaki-pakinabang na tanong tungkol sa pagpapadala ng container na dapat isaalang-alang, at pati na rin ang mga wholesale na presyo sa ilang nangungunang opsyon sa tindahan ng container tulad ng pag-oorganisa ng iyong mga container. Kapag napunta sa CDPH para sa iyong mga opsyon sa container store, marami kang mga benepisyong inaasahan. Mahusay para sa iba't ibang gamit, matibay at madurabil ang aming mga container at magagamit sa mga sukat hanggang dalawang pound. Kung kailangan mong imbak ang pagkain, personal na bagay, damit, kasangkapan o mahahalagang produktong may kaugnayan sa benta, ang aming mga lalagyan nagbibigay-daan sa iyo na mapanatiling ligtas ang mga bagay na ito mula sa mga kalagayan ng panahon at matinding araw habang nananatiling maayos ang pagkakaayos nito. Mga kaugnay na produkto At, ang aming mga lalagyan ay abot-kaya at available sa malaking hanay ng mga sukat upang masuit ang iyong pangangailangan. Para sa mga nangangailangan ng de-kalidad na container store mga produkto para sa buong-buo, ang CDPH ay may lahat. Gumagamit kami ng mga materyales na mataas ang kalidad na idinisenyo para magtagal kaya ikaw ay nakakakuha ng pinakamataas na halaga para sa iyong pera. Mayroon kami mula sa mga stackable na lalagyan hanggang sa mga malinaw na plastik na lalagyan na may takip upang matulungan kang ipakita ang iyong mga produkto, at lahat ng iba pa sa pagitan. Kapag pinili mo ang CDPH para sa iyong pangangailangan sa lalagyan na binibili nang buong-buo, alam mong natatanggap mo ang pinakamahusay na kalidad ng produkto. Bagaman maaaring lubos na kapaki-pakinabang ang pagkakaayos ng mga lalagyan, may ilang karaniwang isyu sa gumagamit na dapat bantayan. May tendensya tayong punuin nang husto ang mga lalagyan na ito, at hindi ito gaanong epektibo kapag hinahanap at inaalis mo ang iyong mga bagay. Dapat mong regular na suriin ang iyong mga kahon at tanggalin ang mga kalakal na hindi kailangan upang matiyak na ginagamit mo nang maayos ang espasyo ng imbakan. Bukod dito, maaari mong ilagay ang label sa iyong mga lalagyan kung kinakailangan upang madaling mahanap ang hinahanap mo kapag kailangan mo ito. Dito sa CDPH, available ang aming mga produktong container store sa presyo na hindi mo makukuha kahit saan pa online. Kung kailangan mo lang ng ilang lalagyan para sa iyong sariling gamit, o kung kailangan mo ng malaking dami para sa komersyal na layunin, meron kaming hinihingi mo. Ang aming mga presyo para sa tingi ay kabilang sa pinakamababa sa merkado, kaya masiguradong makakakuha ka ng mahusay na halaga para sa pera mo. Sa CDPH, nakatuon kami na ibigay sa iyo ang mga produktong container store na may mataas na kalidad sa di-matalos na mga presyo! Ang prefab na bahay ay itinatayo gamit ang espesyal na disenyo ng istraktura at may mahusay na pagganap laban sa lindol upang masiguro ang kaligtasan. Ang modular na disenyo ay madaling ilipat, ma-install, at maaaring i-customize sa Container store batay sa iyong personal na kagustuhan tulad ng iba't ibang estilo at uri ng kuwarto. Ang lahat ng mga bahagi ay gawa sa pre-fabricated na materyales, madaling i-install, at hindi nangangailangan ng partikular na kasanayan. Maging ito man ay para sa opisina, tirahan, imbakan, o iba pang sitwasyon, ang pre-fabricated na bahay ay kayang tugunan ang iyong mga pangangailangan. May istilong hitsura, manipis at malinis na linya, at maaaring i-akma sa iyong indibidwal na kagustuhan upang lumikha ng personal na espasyo para sa paninirahan. Pinakamaganda dito, ang mga pre-fabricated na bahay ay hindi kailangang i-weld sa lugar, at nagbibigay kami ng mga tagubilin para sa pag-install upang mas mapabilis at mapadali ang proseso. Tangkilikin ang mga benepisyo ng isang mas komportableng pamumuhay kasama ang Chengdong prefab houses. Chengdong prefabricated houses. Apple cabin, natatanging hugis, magandang hitsura, nagbibigay ng mas personal na ambiance sa iyong tahanan. Nag-aalok kami ng iba't ibang estilo at kulay na tugma sa iyong panlasa, mula sa simpleng kontemporaryo hanggang vintage. Ang Beijing Chengdong ay nakatuon sa mga kagustuhan ng gumagamit, at maaaring i-tailor ayon sa iyong mga pangangailangan. Upang tugmain ang iyong indibidwal na kagustuhan at ninanais, maaari mong baguhin ang anyo ng iyong tahanan pati na ang layout, suplay ng tubig, kuryente, at iba pa. Upang makalikha ng isang ganap na personal na tahanan na perpekto para sa iyo. Naunang itinayo ang mga tubo para sa kuryente at tubig, upang maiwasan ang gawain sa container store na muli nang pagkakabit ng mga tubo para sa tubig at kuryente pagkatapos ng dekorasyon ng bahay, at upang mapataas ang kahusayan at kalidad ng dekorasyon. Nag-aalok kami ng malawak na hanay ng mga opsyon sa layout para sa interior kabilang ang sala, dining room, kuwarto, at banyo, at iba pa. Maaari kang pumili batay sa iyong mga pangangailangan at kagustuhan upang lumikha ng isang eksklusibong ideal na kapaligiran ng tahanan para sa iyo. Apple House - Kalidad ng pamumuhay sa pinakamataas na antas! Ang Apple House ay isang espesyal na lugar! Gawin ang iyong tahanan na mas ligtas at komportable sa pamamagitan ng pag-install ng mga container! Gumagamit kami ng Container Store na naglalaman ng lahat ng istruktural na bahagi. Lahat ng ito ay prefabricated sa pamantayan ng pabrika. Pumili ng tamang sukat at konpigurasyon, at mabilis mong matatayo ang isang tirahan na sumasagot sa iyong mga pangangailangan. Batay sa mga kinakailangan at kagustuhan ng kliyente, ang iba't ibang mga module ay maaaring pagsamahin upang lumikha ng iba't ibang layout ng kuwarto tulad ng kusina, living room, o silid-tulugan. Ang bahay na gawa sa container ay may mahusay na mga katangian tulad ng waterproof, moisture-proof, anti-corrosion, fire resistant, at anti-corrosion. Ang proseso ng pag-install ay madali at simple, at hindi nangangailangan ng anumang espesyal na kaalaman sa teknikal. Kung ito man ay para sa iyong personal na espasyo, pansamantalang opisina, imbakan, o iba pang pangangailangan, ang aming prefab container house ay idinisenyo upang tugunan ang iyong mga pangangailangan. Kumunin na ang iyong container room ngayon at tamasahin ang mas mababang gastos at mas maasahang serbisyo upang gawin ang iyong buhay na mas kasiya-siya! Ang folding house ay sumusunod sa isang Container store na maaaring iayos ayon sa iyong mga kailangan upang mapataas ang produksyon at gawing mas ligtas, matatag, at maaasahan ang iyong tirahan. Ang silid ay maaaring iayos sa paraan na kayang tugunan ang iba't ibang pangangailangan, kaya naman komportable ka saanman at kailanman. Mabilis na paghahatid! Ang pagpapadala at pagpapakete ay napakahabilis. Gumagamit kami ng isang kasanayang koponan sa pagpapakete ayon sa iyong mga tukoy na pamantayan para sa pagpapakete ng folding room, upang makatanggap ka ng produkto na may pinakamataas na kalidad. Sinusubaybayan namin ang lahat ng proseso ng paghahatid upang siguraduhing ligtas na mararating ang iyong mga item sa kanilang destinasyon. Pinakamahalaga, madaling i-install ang folding room nang walang welding sa lugar, at nag-ooffer kami ng mga gabay sa pag-install upang gawing mas mabilis at mas madali ang proseso ng iyong pag-install. Kung susundin mo ang mga instruksyon, madali mong maii-install ang foldable home. Ang CDPH ay nagmamaneho at nagbebenta ng iba't ibang uri ng modular na bahay, prefab na bahay at villa house. Ang malawak na saklaw ng mga produkto ay nagpapatakbo sa amin upang magbigay ngkoponente solusyon para sa bawat engineering camp.Container store
Mga Benepisyo ng aming container store

Mga Produkto ng Mataas na Kalidad para sa mga Mamimiling Bilyonaryo

Karaniwang mga isyu sa paggamit sa organisasyon ng container

Mga wholesale na presyo sa nangungunang mga produkto ng container store
Why choose CDPH
Container store?
Bagong dating prefab house
Modern Style apple cabin
Mabuting Benta ng container house
Mataas na kalidad na bahay na maaaring mag-fold
Mga kaugnay na kategorya ng produkto
Hindi makahanap ng hinahanap?
Humiling ng Quote Ngayon
Makipag-ugnay sa aming mga konsultant para sa iba pang mga produkto.Makipag-ugnayan
27+ Taon Ng Kagandahang-loob
Pagtatayo ng Engineering Camp