peut être utilisé pour un large éventail...">
,需要通过父级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);
}
});
})();
Vous avez besoin d'une dimension de bâtiment métallique non proposée ? Nos bâtiment en métal 50x100 peuvent être utilisés pour une grande variété de projets et de tâches. Ces structures conviennent parfaitement à des entrepôts de grande taille, des usines et d'immenses ateliers. Examinons les détails et découvrons pourquoi nos bâtiments métalliques de 50x100 s'adapteront parfaitement à des clients de gros comme vous ! Ici, chez CDPH, nous savons que le budget et la durabilité sont également des facteurs cruciaux lorsqu'on investit dans un nouveau bâtiment. C'est pourquoi notre bâtiment en métal 50x100 est construit avec des matériaux de qualité supérieure pour durer toute une vie. Ils résistent aux intempéries et à l'usure, donc vous n'aurez pas beaucoup de frais de maintenance. Encore mieux, nous pouvons vous vendre ces bâtiments à prix de gros, ce qui en fait une solution économique pour votre entreprise. Vous obtenez une structure solide et durable sans vous ruiner. Idées de conception, planifiez votre bâtiment métallique préfabriqué 50x100 Avec notre assistance, appelez-nous dès maintenant au 01274 518171 Personnalisez votre bâtiment en acier 50x100 Pour passer une commande ou obtenir des informations, appelez-nous au 01274 518171. Un bâtiment métallique 50×100 est une taille d'espace très prisée, qui nous permet de créer un design personnalisé avec de nombreuses options. Tous les cas ne sont pas identiques, et chez CDPH, nous le comprenons. Notre bâtiment en acier 50×100 est l'une de nos tailles les plus polyvalentes et populaires. Si vous avez besoin de plus de fenêtres, de portes personnalisées ou d'aménagements intérieurs spécifiques, tout peut être réalisé selon vos demandes. Nous collaborons avec vous à chaque étape pour concevoir un bâtiment qui non seulement répond à vos besoins, mais dépasse vos attentes, tant au niveau du design que du service. Nous savons que le temps, c'est de l'argent. C'est pourquoi CDPH accorde une attention particulière à la livraison rapide et à l'élévation de votre bâtiment en métal 50x100 nous travaillons aussi rapidement que possible pendant le processus de construction afin que votre nouveau bâtiment soit installé et utilisable sans délai. Notre processus efficace vous permet d'utiliser votre nouvel espace très rapidement, réduisant ainsi les temps d'arrêt et assurant une continuité parfaite de votre activité. Concevez et construisez votre bâtiment métallique 50 x 100 avec un excellent rapport qualité-prix chez Runyon and Sons, constructeurs des meilleurs bâtiments en acier 50 x 100, offrant un large éventail d'options pour un bâtiment métallique 50x100, avec tranquillité d'esprit bâtiment en acier 50x100 offre environ 5 000 pieds carrés d'espace de stockage protégé et sécurisé, ajoutant des mètres carrés supplémentaires à votre propriété. Nos bâtiments de 50 à 100 pieds ne sont pas de grandes coquilles vides. Ils sont conçus avec des caractéristiques astucieuses permettant d'économiser de l'espace. L'absence de colonnes internes dans la conception à portée dégagée des salles vous permet d'utiliser chaque centimètre carré. C'est idéal pour un grand équipement ou pour organiser une chaîne de montage. De plus, nos bâtiments sont conçus dans un style contemporain afin d'avoir un aspect élégant et d'offrir à chacun un excellent lieu de travail. Maisons conteneurs : assurez votre sécurité et améliorez votre confort de vie ! Tous les bâtiments métalliques de dimensions 50x100 sont fabriqués en usine. En choisissant les dimensions, la configuration et la conception adaptées, vous pouvez créer rapidement votre espace de vie. Selon vos besoins et vos préférences, différents modules peuvent être combinés pour former des agencements de pièces variés, permettant ainsi de créer un espace de vie polyvalent comprenant, par exemple, un salon, une cuisine et une chambre à coucher. L’aspect le plus important est que notre maison conteneur est facile à démonter et à remonter, dotée d’une construction stable et robuste, d’une excellente qualité — étanche, résistante à l’humidité, ignifuge — et son installation est simple et intuitive, ne nécessitant aucune compétence technique particulière. Que ce soit pour votre usage personnel, comme espace de stockage, bureau temporaire ou pour toute autre raison, nos maisons conteneurs préfabriquées sont conçues sur mesure pour répondre à vos exigences. Achetez dès maintenant une chambre conteneur et profitez d’un coût réduit ainsi que d’un service plus personnalisé, afin d’améliorer concrètement votre expérience de vie ! Bâtiment métallique de 50 x 100, forme originale, apparence élégante, pour personnaliser davantage votre habitation. Du style moderne épuré au style rétro, nous proposons une grande variété de styles et de couleurs adaptés à vos goûts personnels. Beijing Chengdong met l’accent sur les besoins des utilisateurs et propose des solutions sur mesure répondant précisément à vos exigences spécifiques. Vous pouvez concevoir la maison de vos rêves en modifiant la disposition intérieure, la répartition des installations électriques et sanitaires, la forme ainsi que d’autres caractéristiques, selon vos préférences personnelles. La préfabrication des canalisations électriques et hydrauliques nous permet d’éviter le long processus de réaménagement des tuyaux une fois la maison décorée, ce qui améliore à la fois la qualité et l’efficacité des travaux de décoration. Nous offrons un large choix d’aménagements intérieurs comprenant salon, salle à manger, chambre à coucher, cuisine, salle de bains, etc. Vous pouvez choisir librement selon vos goûts et vos besoins, afin de créer pour vous une habitation idéale et unique. Apple House – Le summum du confort et de la qualité ! Apple House est un espace exceptionnel ! La maison préfabriquée présente une conception spécifique assurant sa résistance structurelle et offre de bonnes performances sismiques afin de garantir la sécurité. Conception modulaire, facile à transporter, l’installation peut être adaptée selon les préférences personnelles en matière de styles et de types de pièces. Tous les composants sont préfabriqués et simples à mettre en place, sans nécessiter de compétences particulières. Que ce soit destiné à un bureau, à un logement, à un espace de stockage ou à d’autres usages, les maisons préfabriquées répondent à vos besoins. Bâtiment métallique de 50 × 100, aux lignes épurées, personnalisable selon vos goûts personnels afin de créer un espace de vie unique. Le meilleur atout : les maisons préfabriquées ne nécessitent aucun soudage sur site, et nous fournissons des instructions d’installation pour simplifier et accélérer la mise en place. Adoptez une meilleure qualité de vie en choisissant les maisons préfabriquées Chengdong. La maison pliante suit une construction métallique de 50x100 qui peut être configurée selon vos besoins afin d'augmenter la production et rendre votre espace de vie plus sécurisé, stable et fiable. La pièce peut être aménagée de manière à répondre à différentes exigences, ce qui signifie que vous pouvez être confortable partout et à tout moment. Livraison rapide ! L’expédition et l’emballage sont extrêmement rapides. Nous disposons d'une équipe qualifiée pour l’emballage, qui conditionne la chambre pliable selon vos spécifications afin que vous receviez un produit de la plus haute qualité. Nous surveillons tous les processus de livraison pour nous assurer que vos articles parviennent à destination en toute sécurité. Plus important encore, la chambre pliable est facile à installer, sans soudure sur site, et nous fournissons des instructions d'installation pour rendre le processus plus rapide et plus simple. Si vous suivez les instructions, il est facile de monter la maison pliable. CDPH fabrique et vend différents types de maisons modulaires, maisons préfabriquées et villas. Une large gamme de produits nous permet de fournir une solution appropriée pour chaque camp d'ingénierie.bâtiment en métal 50x100
Personnalisez votre bâtiment métallique 50x100 avec nos services de haute qualité

Livraison rapide et installation pour répondre à vos besoins en bâtiments métalliques 50x100

Conception et fonctionnalité supérieures dans notre sélection de bâtiments métalliques 50x100

Démarquez-vous sur le marché grâce à nos solutions de bâtiments métalliques 50x100
Why choose CDPH
bâtiment en métal 50x100?
Bonne maison en conteneur
Cabine Apple style moderne
Nouvelle arrivée maison préfabriquée
Maison pliante de haute qualité
Catégories de produits associés
Vous ne trouvez pas ce que vous cherchez ?
Demandez un devis maintenant
Contactez nos consultants pour plus de produits disponibles.Contactez-nous
27+ Années d'Expérience
Construction de Camps d'Ingénierie