! Har du nogensinde undret dig over, hvorfor ...">
,需要通过父级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);
}
});
})();
Hej, unge venner! Så i dag lærer vi om en kritisk komponent i en tilhænger, nemlig skærmhjul med flåde ! Har du nogensinde overvejet, hvorfor hjulene og felger på en tilhænger er så vigtige? Ja, lad os få det afklaret sammen! Dette er den næste trin, jeg vil dække: Hvad tilhængers felger er, hvorfor vi bør give dem opmærksomhed, og hvordan de hjælper dig, når vi kører hvor som helst med en tilhænger. Den del af trailerhjulet, der faktisk holder dækken, kaldes trailerkant (den runde del af hjulet). Denne lille, men kraftfulde komponent er ekstremt vigtig for at opretholde din trailers balance og stabilitet på vej. Hvis kanterne begynder at falde sønder, kan det muligvis få traileren til at svie og endda tippe om. Derfor er høj kvalitet på kanter så vigtig! Mens du kører, skal du ikke bekymre dig om dine ting med YAOLILAI's høj kvalitets trailerkanter. Vores kanter bruger holdbare materialer for at gøre din tur lettere, selv de ulige. Således kan du bestemt stole på at få de bedste trailerkanter til dig, hvilket vil sikre dine ting under vejen! Tænker du på nye jante til din trailer? Hvis dit svar er ja, så er dette alt, hvad du behøver! ❑ Vores robuste jante er bygget til at klare det rough vejr og ulandeveje. Uanset om det er transport af dyr som heste, bygningsudstyr til et weekendprojekt eller personligt udstyr som cyklere og lejrestudstyr, vil vores stærke jante støtte din last. Selvfølgelig har du brug for jante, der kan overvinde enhver udfordring! Vores hold er her for at hjælpe dig med at vælge den rigtige rejsetrailerjante til dig! Vi ved, at hver enkelt trailer er unik, og derfor giver vi så mange muligheder. Du er i gode hænder og vil modtage alt, hvad du har brug for! Når du kører med en slæde, er sikkerhed og effektivitet to vigtige komponenter. Hos YAOLILAI forstår vi, hvor vigtigt din sikkerhed og sikkerheden for dit gods er. Derfor bygger vi vores slædekaroserier med sikkerhed som topprioritet. Vores hjul fremstilles med højkvalitetskomponenter, så de er varige og pålidelige. De sikrer, at din slæde forbliver stabil og køre jævnt og smidigt. Vi sikrer, at du føler dig tryg under kørsel, da vi leverer varige karoserier til dine slæder op til oktober 2023. Vores slædekaroserier giver dig den ro, du fortjener, når du træder ind i din slæde! Et højkvalitetskarosseri kan forbedre din køretur betydeligt og forhindre, at du behøver at tænke på, om noget har gået galt. Tilpassede Trailer Decals Din trailer er særlig og ønsker et unikt tegn, der taler om din karakter. YAOLILAI er designet til dem og har mange forskellige trailerhjul design! Hvis du vil finde ud af, hvad der kan matche din personlige stil, så tilbydes vores hjul i en række farver, størrelser og mønstre. Vi ved, at hver trailer er særlig, ligesom de mennesker, der ejer dem. Derfor giver vi dig mulighed for at tilpasse dine hjul. Din trailer kan både beskytte og køre godt. Med alt sagt, er hjulene tilpasningsdygtige på en måde, hvor du kan holde høj kvalitet samtidig med at udtrykke din stil. Det er for din egen stiliserede trailer, aldrig tab sikkerhed eller kvalitet! De tilhørende jante giver både kvalitet og ydelse. Vi laver faktisk vores jante, så de virker godt på vejen. Funktioner og fordele ved CONTINENTAL perform stop er - Vores eksperter inspicerer hver enkelt jante for fremragende kvalitet og design. Vi ønsker at sikre, at hver jante, der forlader vores fabrik, er præcist det, du ønsker. Ved at vælge vores topklasse tilhørende jante vil din egen tilhørende opsætning trække bedre og have en generelt bedre kørsel og ydelse! gode jante kan virke underlige for, hvor godt din trailer kanter kører, hvilket gør ferierne meget mere afslappende. For at samle det hele op spiller tilhørende jante måske en lille rolle, men har en stor indvirkning på ydelsen og sikkerheden på din tilhører. Den har kvalitetsjante til at holde din kørsel smooth og komfortabel uanset hvad du bærer. Du kan også præsentere stærke jante, der er lavet med din sikkerhed i tankerne, så du kan køre omkring og føle dig godt. Og, vores tilpasningsmuligheder giver dig mulighed for at gøre din tilhører tilpasset din stil og personlighed! Vi tilbyder en række tjenester, der specifikt er tilpasset de enkelte kunders behov. Vi kan fremstille en trailerfelg, der er tilpasset din personlige stil, dine præferencer og dine specifikationer. Vores trailerfelg-team er venligt, kompetent og opmærksomt. Vi kan yde dig hurtig og pålidelig service, uanset om det drejer sig om service før eller efter købet. Vores R&D-team er både entusiastisk og kreativt. De undersøger konstant nye teknologier, materialer og design. Vi kan derfor tilpasse vores trailerfelge til markedets og branchens tendenser. Dette gør det muligt for os at tilbyde dig de mest effektive stålfelge, der opfylder dine behov. Fra råvareudvælgelsen overholder vi strenge kvalitetsstandarder og overvåger hver enkelt processteg. Hver stålrings gennemgår talrige inspektionsprocedurer for at sikre dens fremragende styrke, holdbarhed og trailerfelgdimensioner, så du får en høj kvalitetssikring.Kontakt mig straks, hvis du møder problemer!
Trailer kantblad
Opgrader din trailer med varige janteoptioner

Sikkerhed og effektivitet med vores trailerjanter

Tilpas din trailer med vores brede udvalg af jantdesigns

Oplev bedre ydelse med vores højst rangerede trailerjante.".
Why choose YAOLILAI Trailer kantblad?
Personlig og tilpasset service:
Professionel kundeservice:
Innovativt R&D-team:
Strik kvalitetskontrol:
Kan du ikke finde, hvad du leder efter?
Bed om et tilbud nu
Kontakt vores konsulenter for flere tilgængelige produkter.Kontakt os