에 대해 배워보겠습니다! 여러분은 왜 이 부품이...">
,需要通过父级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);
}
});
})();
안녕하세요, 젊은 친구들! 그래서 오늘은 트레일러에서 매우 중요한 구성 요소인 트레일러 휠 ! 트레일러의 바퀴와 휠이 왜 그렇게 중요한지 궁금해 본 적이 있나요? 좋아요, 함께 알아보죠! 다음으로 다룰 내용은 트레일러 휠이 무엇인지, 왜 신경 써야 하는지, 그리고 우리가 어디든 트레일러를 이용해 이동할 때 어떻게 도움을 주는지입니다. 트레일러 휠의 타이어를 실제로 지지하는 부분은 트레일러 리ム(휠의 둥근 부분)이라고 합니다. 이 작은 그러나 강력한 구성 요소는 트레일러의 균형과 안정성을 유지하는 데 매우 중요합니다. 리姆이 손상되고 있다면, 이는 트레일러가 흔들리거나 심지어 넘어질 가능성이 있습니다. 이것이 고품질 리姆이 중요한 이유입니다! YAOLILAI의 고품질 트레일러 리姆을 사용하면 운전 중 짐 걱정을 하지 않아도 됩니다. 우리의 리姆은 내구성이 뛰어난 재료로 만들어져 부드럽지 않은 길에서도 더 나은 주행감을 제공합니다. 따라서 최고의 트레일러 리姆을 선택하여 여정 중 짐이 안전하게 보호될 수 있습니다! 트레일러에 새로운 휠을 고려 중인가요? 그렇다면, 이것이 바로 필요한 모든 것입니다! ❑ 우리 튼튼한 휠은 거친 날씨와 울퉁불퉁한 도로를 견딜 수 있도록 설계되었습니다. 말이나 건설 장비를 운반하也好, 자전거나 캠핑 기구 같은 개인 소지품을 운반하也好, 우리의 강력한 휠은 당신의 짐을 지탱합니다. 물론, 어떤 도전도 이길 수 있는 휠이 필요합니다! 우리 팀은 당신이 올바른 것을 선택할 수 있도록 도와드리겠습니다. 여행용 트레일러 휠 당신을 위해! 우리는 모든 트레일러가 독특하다는 것을 알고 있기 때문에 다양한 옵션을 제공합니다. 당신은 믿을 수 있는 손에 있습니다. 그리고 필요한 모든 것을 받게 될 것입니다! 트레일러를 이용한 이동 시, 안전과 효율성은 두 가지 중요한 요소입니다. YAOLILAI에서는 당신과 화물의 안전이 얼마나 중요한지 이해합니다. 이것이 바로 우리가 트레일러 휠을 안전을 최우선으로 설계하는 이유입니다. 우리의 휠은 내구性和 신뢰성을 갖추기 위해 고품질 부품으로 제작됩니다. 이들은 트레일러를 안정적으로 유지하고 고르며 부드럽게 작동하도록 돕습니다. 우리는 2023년 10월까지 당신의 트레일러 림에 견고한 휠을 제공하여 운전 시 안심할 수 있도록 합니다. 우리의 트레일러 림은 당신이 트레일러에 오를 때 마땅히 누려야 할 마음의 평화를 제공합니다! 고품질의 림은 단순히 승차감을 크게 개선할 뿐만 아니라 문제가 발생했는지 걱정하지 않도록 해줍니다. 맞춤 트레일러 스티커 당신의 트레일러는 특별하며, 당신의 성격을 표현하는 독특한 표지가 필요합니다. YAOLILAI는 이를 위해 설계되었으며 다양한 트레일러 휠 디자인이 있습니다! 개인 스타일에 맞는 것을 찾고 싶다면, 우리의 휠은 다양한 색상, 크기 및 패턴으로 제공됩니다. 우리는 모든 트레일러가 특별하고, 그 소유주들도 마찬가지로 특별하다는 것을 알고 있습니다. 이것이 바로 우리가 당신이 휠을 맞춤 설정할 수 있도록 하는 이유입니다. 당신의 트레일러는 보호 기능뿐만 아니라 좋은 성능도 유지할 수 있습니다. 이 모든 말은, 휠을 맞춤 설정하여 품질을 유지하면서도 자신의 스타일을 표현할 수 있다는 것입니다. 이것은 당신만의 스타일 트레일러를 위한 것이며, 결코 보안이나 품질을 잃지 않습니다! 트레일러 휠은 품질과 성능을 모두 제공합니다. 우리는 실제로 트레일러 휠이 도로에서 매우 잘 작동하도록 제작합니다. CONTINENTAL의 특징과 이점은 다음과 같습니다 - 우리의 전문가들이 각 휠을 검사하여 뛰어난 품질과 디자인을 보장합니다. 우리는 공장에서 나가는 모든 휠이 당신이 원하는 것임을 확신하고 싶습니다. 최고급 트레일러 휠을 선택하면 트레일러 시스템이 더 잘 견인되고 전체적인 주행감과 성능이 향상됩니다! 좋은 휠은 큰 차이를 만들어냅니다. 트레일러 휠들 주행이 훨씬 더 편안해지는 경험을 하게 됩니다. 결론적으로, 트레일러 휠은 작을지라도 트레일러의 성능과 안전에 중요한 역할을 합니다. 어떤 짐을 실으나 부드럽고 쾌적한 주행을 위해 품질 좋은 트레일러 휠이 필요합니다. 또한, 당신의 안전을 고려하여 강력한 휠을 제공하므로 마음 편히 운전할 수 있습니다. 그리고 우리의 맞춤 옵션을 통해 트레일러를 자신만의 스타일과 성격에 맞게 만들 수 있습니다! 저희는 각 고객의 구체적인 요구 사항에 맞춤화된 다양한 서비스를 제공합니다. 고객님의 개별적인 스타일, 선호도 및 사양에 정확히 부합하는 트레일러 림을 제작해 드릴 수 있습니다. 저희 트레일러 림 팀은 친절하고 전문적이며 세심합니다. 구매 전 상담부터 애프터서비스까지 신속하고 신뢰할 수 있는 서비스를 제공해 드립니다. 저희 R&D 팀은 열정적이고 창의적입니다. 팀은 끊임없이 새로운 기술, 소재 및 디자인을 탐구하고 있습니다. 이를 통해 시장 및 산업 동향에 신속히 대응하여 고객님의 니즈를 충족시키는 최적의 스틸 림을 제공할 수 있습니다. 원자재 선택 단계부터 우리는 품질에 대한 엄격한 기준을 준수하고 공정의 각 단계를 철저히 관리합니다. 모든 강철 링은 우수한 강도와 내구성, 트레일러 림 규격을 보장하기 위해 다수의 검사 절차를 거칩니다. 이로써 귀하께 높은 수준의 품질 보증을 제공합니다.문제가 생기면 즉시 연락해 주세요!
트레일러 휠
내구성이 뛰어난 휠 리ム 옵션으로 트레일러를 업그레이드하세요

안전과 효율성을 위한 트레일러 리ム

다양한 리姆 디자인으로 트레일러를 맞춤화하세요

최고 평가를 받은 트레일러 리ム으로 더 나은 성능을 경험해보세요.
Why choose YAOLILAI 트레일러 휠?
맞춤형 서비스:
전문 고객 서비스:
혁신적인 연구개발팀:
엄격한 품질 관리:
원하는 내용을 찾지 못하셨나요?
지금 견적 요청하기
더 많은 이용 가능한 제품은 전문가와 상담해 주세요.문의하기