은 다양한 용도로 사용할 수 있습니다...">
,需要通过父级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);
}
});
})();
표시되지 않은 규격의 금속 건물이 필요하신가요? 당사의 50x100 금속 건물 다양한 프로젝트와 작업에 사용할 수 있습니다. 이러한 구조물은 대형 창고, 공장, 거대한 작업장 등 다양한 용도로 훌륭하게 활용할 수 있습니다. 구체적으로 살펴보고, 왜 저희 50x100 금속 건물이 귀하와 같은 도매 고객에게 뛰어난 선택인지 알아봅시다! CDPH에서는 새로운 건물을 투자할 때 예산과 내구성 또한 매우 중요한 요소라는 것을 잘 알고 있습니다. 그래서 저희 50x100 금속 건물 은 평생 사용할 수 있도록 최고 품질의 자재로 제작되었습니다. 기후 조건과 마모에도 견디기 때문에 유지 관리 비용을 많이 지출할 필요가 없습니다. 더욱이, 이 건물들을 도매 가격으로 제공해 드려 귀사의 비즈니스를 위한 저렴한 솔루션을 제공합니다. 파산할 염려 없이 견고하고 오래가는 구조물을 얻을 수 있는 것입니다. 디자인 아이디어 계획하기 50x100 조립식 금속 건물 저희 지원을 통해 지금 전화주세요: 01274 518171 귀하의 50x100 강철 건물 주문을 하시거나 정보를 문의하시려면, 01274 518171로 전화주세요. 50×100 금속 건물은 인기 있는 규모의 공간으로, 다양한 옵션을 포함한 맞춤 설계가 가능합니다. 모든 경우가 동일하지 않다는 것을 저희 CDPH는 잘 알고 있습니다. 우리의 50×100 스틸 건물 은 가장 다용도로 활용 가능하며 인기 있는 사이즈 중 하나입니다. 추가 창문, 맞춤형 도어 또는 특정 내부 배치가 필요하시다면 귀하의 요청에 따라 모두 구현할 수 있습니다. 우리는 귀하와 함께 모든 단계를 협력하여 귀하의 요구 사항을 충족할 뿐 아니라 디자인과 서비스 측면에서 기대를 뛰어넘는 건물을 만들어 드립니다. 저희는 시간이 곧 돈이라는 것을 알고 있습니다. 그래서 CDPH는 귀하의 50x100 금속 건물 건물에 대해 신속한 운송 및 시공에 주의를 기울입니다. 건설 과정에서 가능한 한 빠르게 작업하여 새로운 건물을 완성하고 바로 사용할 수 있도록 합니다. 효율적인 프로세스를 통해 가동 중단 시간을 줄이고 운영을 원활하게 유지하면서 새로운 공간을 즉시 사용하실 수 있습니다. 뛰어난 가격과 품질로 귀하의 50 x 100 금속 건물을 설계하고 건설하세요. 최고의 50 x 100 강철 건물 제조업체, 다양한 50x100 금속 건물 옵션을 제공하며 안심을 약속합니다. Runyon and Sons 50x100 강철 건물 약 5,000평방피트의 보호되고 안전한 저장 공간을 제공하여 부동산에 추가 평수를 더해줍니다. 당사의 50x100 건물은 단순히 큰 빈 껍데기가 아닙니다. 효율적인 공간 활용을 위한 독창적인 설계가 특징입니다. 청정 스팬(clear-span) 구조로 내부 기둥이 없어 공간의 모든 부분을 자유롭게 사용할 수 있습니다. 대형 장비 배치나 조립 라인 구성에 이상적입니다. 또한 현대적인 감각으로 설계되어 외관도 세련되며 모든 이에게 쾌적한 작업 환경을 제공합니다. 컨테이너 하우스로 안전을 확보하고, 삶의 질을 더욱 편안하게 만드세요! 모든 50x100 금속 구조물은 공장에서 제작됩니다. 적절한 크기, 구성 및 설계를 선택하면 빠르게 거주 공간을 조성할 수 있습니다. 사용자의 요구와 선호에 따라 다양한 모듈을 조합해 거실, 주방, 침실 등 다기능 생활 공간으로 활용할 수 있습니다. 무엇보다도 당사의 컨테이너 하우스는 분해 및 조립이 간편하며, 안정적이고 견고한 구조, 우수한 품질을 자랑합니다. 방수, 방습, 내화 기능을 갖추었으며, 설치 과정 또한 매우 간단하여 특별한 기술 수준이 필요하지 않습니다. 개인용 공간, 저장 공간, 임시 사무실 또는 기타 용도로 사용하려는 경우, 당사의 프리패브 컨테이너 주택은 귀하의 요구사항에 정확히 부합하도록 제작되었습니다. 지금 박스룸을 구매하시면 저렴한 가격과 보다 세심한 서비스를 누리실 수 있습니다. 삶의 경험을 한층 더 풍요롭게 만들어 보세요! 50x100 금속 구조 주택, 독특한 형태, 아름다운 외관으로 당신의 집을 더욱 개성 있게 만듭니다. 심플한 모던 스타일부터 빈티지 스타일까지, 다양한 스타일과 색상 옵션을 제공하여 당신의 취향에 맞춘 주택을 실현합니다. 베이징 청둥(Chengdong)은 사용자 중심의 접근 방식을 지향하며, 고객의 구체적인 요구 사항에 따라 맞춤형 설계가 가능합니다. 레이아웃, 배수 및 전기 배선 계획, 건물 형태 등 다양한 요소를 개인 선호에 따라 조정함으로써 꿈의 주택을 직접 설계할 수 있습니다. 전기 및 배관 설비를 공장에서 사전 제작함으로써, 주택 인테리어 완공 후 파이프 재배치라는 번거로운 과정을 피할 수 있어 인테리어 품질과 시공 효율성을 높입니다. 거실, 식당, 침실, 주방, 욕실 등 다양한 실내 레이아웃 옵션을 제공하므로, 당신의 선호와 필요에 따라 최적화된, 독창적인 주택을 자유롭게 구성할 수 있습니다. 애플 하우스(Apple House) — 최고 품질의 주거 생활을 선사합니다! 애플 하우스는 독보적인 공간입니다! 프리패브 주택은 구조적 강도를 고려한 특별한 설계가 적용되어 우수한 내진 성능을 제공함으로써 안전을 보장합니다. 모듈식 설계로 운반이 용이하며, 설치 시 개인의 취향에 따라 다양한 스타일과 실종류에 맞게 유연하게 조정할 수 있습니다. 모든 부품은 공장에서 사전 제작되며, 별도의 전문 기술 없이도 간단히 설치할 수 있습니다. 사무실, 거주 공간, 창고 등 어떤 용도로든 프리패브 주택은 고객의 다양한 요구를 충족시켜 드립니다. 50×100 금속 구조물로 구성된 이 주택은 매끄러운 라인을 자랑하며, 고객의 개별적인 취향에 따라 맞춤 제작이 가능하여 독창적인 생활 공간을 창조합니다. 무엇보다도 현장 용접이 필요 없으며, 설치를 더욱 간편하고 신속하게 하기 위해 상세한 설치 지침서를 제공합니다. 청둥(Chengdong) 프리패브 주택을 선택해 더 나은 삶을 누려보세요. 접이식 주택은 귀하의 요구에 따라 배치할 수 있는 50x100 규격의 금속 구조물로 구성되어 생산성을 높이고 생활 공간을 더욱 안전하고 안정적이며 신뢰성 있게 만들어 줍니다. 방은 다양한 요구 사항에 맞게 배치할 수 있어 언제 어디서나 편안하게 사용할 수 있습니다. 빠른 배송! 포장 및 배송이 매우 신속합니다. 귀하의 사양에 따라 접이식 방을 포장하기 위해 숙련된 포장 팀을 운영하여 최고 품질의 제품을 제공합니다. 모든 배송 과정을 모니터링하여 귀하의 물품이 안전하게 목적지에 도착하도록 관리합니다. 무엇보다도, 이 접이식 주택은 현장 용접 없이 설치가 간편하며, 설치 가이드를 제공하여 설치 과정을 보다 빠르고 쉽게 할 수 있도록 도와드립니다. 지침을 따르면 접이식 주택을 손쉽게 조립할 수 있습니다. CDPH는 다양한 유형의 모듈러 하우스, 사전 제작된 하우스 및 빌라 하우스를 제조 및 판매합니다. 광범위한 제품군은 우리에게 각 공사 캠프에 적합한 솔루션을 제공할 수 있도록 보장합니다.50x100 금속 건물
최고 품질의 서비스로 맞춤 제작하는 50x100 금속 건물

50x100 금속 건물 설치를 위한 빠른 배송 및 시공

뛰어난 설계와 기능성을 갖춘 50x100 금속 건물 제품군

시장에서 차별화된 50x100 금속 건물 솔루션
Why choose CDPH
50x100 금속 건물?
좋은 판매 컨테이너 하우스
현대식 애플 캐빈
신규 도착 사전 제작 주택
고품질 접이식 주택
원하는 내용을 찾지 못하셨나요?
지금 견적 요청하기
더 많은 이용 가능한 제품은 전문가와 상담해 주세요.문의하기
27년 이상의 경력
공사 캠프 건설