! Já se perguntou por que...">
,需要通过父级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);
}
});
})();
Olá, amigos jovens! Então, hoje aprendemos sobre um componente crítico em um reboque, o rodas de reboque ! Já se perguntou por que as rodas e as jantes de um reboque são tão significativas? Bem, vamos descobrir juntos! Este é o passo que abordarei a seguir: o que são as jantes dos reboques, por que devemos nos importar e como elas nos ajudam quando vamos a qualquer lugar com um reboque. A parte da roda do reboque que realmente segura o pneu é chamada de aro do reboque (a parte redonda da roda). Este pequeno mas poderoso componente é extremamente crucial para manter o equilíbrio e estabilidade do seu reboque na estrada. Se os aros estiverem se despedaçando, é possível que isso cause ao reboque balançar e até mesmo virar. É por isso que aros de alta qualidade são tão importantes! Enquanto você estiver dirigindo, não precisará se preocupar com suas coisas com os aros de alta qualidade da YAOLILAI. Nossos aros utilizam materiais duráveis para tornar sua viagem mais suave, mesmo nas mais irregulares. Assim, você pode confiar definitivamente em obter os melhores aros para reboques, o que por sua vez manterá suas coisas seguras durante o trajeto! Pensando em novas rodas para seu reboque? Se a sua resposta for sim, então, é tudo o que você precisa! ❑ Nossas rodas robustas são construídas para suportar o clima adverso e estradas irregulares. Seja transporte de animais como cavalos, equipamentos de construção para um projeto de fim de semana, ou gear pessoal como bicicletas e equipamentos de camping, nossas rodas fortes sustentarão sua carga. Claro, você precisa de rodas que possam enfrentar qualquer desafio! Nosso time está aqui para ajudá-lo a escolher o certo aros para reboque de viagem para você! Sabemos que cada reboque é único, e por isso oferecemos tantas opções. Você está em boas mãos e receberá tudo o que precisa! Ao viajar com um reboque, segurança e eficiência são dois componentes-chave. Na YAOLILAI, entendemos o quão importante é a sua segurança e a segurança da sua carga. É por isso que construímos nossas rodas de reboque priorizando a segurança. Nossas rodas são fabricadas com peças de alta qualidade, tornando-as duráveis e confiáveis. Elas ajudam a manter seu reboque estável, funcionando de forma suave e uniforme. Garantimos que você se sinta tranquilo ao dirigir, já que oferecemos rodas duráveis para seus pneus até outubro de 2023. Nossas rodas de reboque proporcionam a tranquilidade que você merece ao entrar em seu reboque! Uma roda de alta qualidade pode melhorar significativamente sua viagem, sem mencionar que evita que você fique se perguntando se algo deu errado. Adesivos Personalizados para Reboques Seu reboque é especial e merece um sinal único que reflita o seu caráter. YAOLILAI foi projetado para eles e possui muitos designs diferentes de aro para reboque! Se você deseja encontrar algo que combine com o seu estilo pessoal, nossos aros estão disponíveis em uma variedade de cores, tamanhos e padrões. Sabemos que cada reboque é especial, assim como as pessoas que os possuem. Por isso, permitimos que você personalize seus aros. Seu reboque pode ser protegido e também funcionar bem. Com tudo isso dito, os aros são personalizáveis de forma que você possa manter alta qualidade enquanto expressa o seu estilo. É para o seu reboque de estilo próprio, nunca perca segurança ou qualidade! As rodas do reboque oferecem tanto qualidade quanto desempenho. Na verdade, fabricamos nossas rodas para funcionar muito bem na estrada. Recursos e benefícios das rodas CONTINENTAL são - Nossos especialistas inspecionam cada roda em busca de uma qualidade e design excepcionais. Queremos nos certificar de que cada roda que sai de nossa fábrica é exatamente o que você deseja. Escolhendo nossas melhores rodas de reboque da classe, a configuração do seu próprio reboque irá rebocar melhor e ter um desempenho e direção geralmente melhores! Boas rodas podem fazer maravilhas para como elas funcionam bem. jantes de reboque funcionam, o que proporcionará viagens muito mais relaxantes. Para resumir tudo, as rodas do reboque podem ser pequenas, mas desempenham um papel importante no desempenho e segurança do seu reboque. Elas têm rodas de qualidade para manter sua viagem suave e confortável, independentemente do que você está transportando. Você também pode contar com rodas fortes feitas com sua segurança em mente, para que você possa dirigir com tranquilidade. E, nossas opções de personalização permitem que você adapte seu reboque ao seu estilo e personalidade! Oferecemos uma ampla variedade de serviços especialmente desenvolvidos para atender às necessidades específicas de cada cliente. Podemos fabricar uma roda de reboque personalizada conforme seu estilo individual, suas preferências e suas especificações. Nossa equipe especializada em rodas de reboque é amigável, conhecedora e atenciosa. Estamos aptos a oferecer-lhe serviços rápidos e confiáveis, tanto antes quanto após a compra. Nossa equipe de P&D é entusiasmada e criativa. Ela explora constantemente novas tecnologias, materiais e designs. Somos capazes de adaptar nossas rodas de reboque às tendências do mercado e do setor. Isso nos permite oferecer-lhe os aros de aço mais eficazes, atendendo plenamente às suas necessidades. Desde a seleção da matéria-prima, aderimos a rigorosos padrões de qualidade e monitoramos cada etapa do processo. Cada aro de aço passa por numerosos procedimentos de inspeção para garantir sua resistência superior, durabilidade e dimensões de aro para reboques, assegurando-lhe uma alta qualidade e confiabilidade.Contacte-me imediatamente se tiver problemas!
Jante de reboque
Melhore seu reboque com opções duráveis de aro

Segurança e eficiência com nossos aros para reboque

Personalize seu reboque com nossa ampla seleção de designs de aro

Experimente um melhor desempenho com nossos aros para reboque mais bem avaliados.
Why choose YAOLILAI Jante de reboque?
Serviço personalizado e sob medida:
Atendimento ao cliente profissional:
Equipe inovadora de P&D:
Controle rigoroso de qualidade:
Não encontrou o que procura?
Solicite uma cotação agora
Entre em contato com nossos consultores para obter mais produtos disponíveis.Entre em Contato