오토 림

&...">

，需要通过父级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); } }); })();

문제가 생기면 즉시 연락해 주세요!

문의하기:[email protected]

전화 문의:+86 13806476616

모든 카테고리
ENEN

20인치 리姆

자동차의 스타일과 성능을 업그레이드할 수 있는 최고의 방법 중 하나는 새로운 휠로 교체하는 것입니다. 오토 리姆 차량에 완벽한 휠을 선택하는 것은 즐겁고 보람 있는 과정일 수 있습니다. JC Whitney에서는 다양한 크기, 색상, 디자인의 휠을 제공하며, 헤드라이트처럼 차를 효과적으로 개성화할 기회를 거의 제공합니다.

많은 자동차 애호가들이 타는 차에 20인치 휠을 선호합니다. 이 YAOLILAI 휠은 특히 인기가 많으며, 세련미와 고급스러움을 부여하면서도 지나치지 않아 많은 사람들의 선택을 받고 있습니다. 또한, 이 휠은 휠 하우징을 적절히 채워주며, fifteen52s는 스타일과 성능을 모두 원하는 사람들에게 이상적인 조화를 제공합니다.

20인치 휠의 세계 - 모든 취향을 위한 하나씩. Velgen Wheels의 VMB9 휠을 살펴보세요. 다양한 색상으로 마감된 제품 중에서 차에 가장 잘 어울리는 것을 선택할 수 있습니다. 한편, TSW Bathurst 휠 림은 DST Hybris 기술을 적용해 성능을 향상시키며, 검정색 또는 은색 마감으로 스포티하고 세련된 매력을 더합니다.

적절한 크기와 유형의 휠을 선택할 수 있을 뿐만 아니라, 오늘날 자동차 애호가들은 개성을 표현하기 위해 맞춤화를 통해 더욱 다양한 맞춤 옵션을 누릴 수 있습니다! 색상과 마감재, 로고 등 세부 사항까지 선택할 수 있으며, 림 세트를 진정으로 독특하게 만들 수 있는 많은 옵션이 제공됩니다.

온라인 자동차 액세서리 상점은 양질의 휠을 구입하려는 사람들에게 지갑에 부담이 적은 완벽한 솔루션을 제공합니다. 많은 돈을 들이지 않고도 단순히 리뷰를 읽고 좋은 판매자를 선택하면 즉시 최저 가격에 구매할 수 있습니다. 이 캐스트 알루미늄 휠은 비슷한 스타일을 유지하면서도 전통적인 알루미늄보다 경제적이고 가벼운 대안입니다.

휠을 가능한 longest한 시간 동안 좋은 상태로 유지하는 것은 그들의 수명을 연장하는 데 도움이 될 수 있습니다. 적절한 청소는 시간이 지남에 따라 마무리를 손상시킬 수 있는 더티와 grim을 제거하기 위해 필수입니다. 휠을 손상시킬 수 있는 강력한 청소제를 사용하지 마십시오. 휠 커버 보호 코팅 휠 보호 필름은 훌륭한 발명품이지만, 이는 예산이 제한된 사람이나 혹독한 도로 조건에 직면한 사람에게 가장 합리적인 옵션이 아닐 수 있습니다.

따라서, 전반적으로 휠을 개선하는 것은 자동차의 외관과 성능을 개선하는 쉬운 방법입니다. 그러나 이를 염두에 두고 현명하게 선택하고 적절히 유지하면 휠을 더 오래 사용할 수 있습니다. 따라서 새로운 휠 세트로 자동차를 부활시키는 기회를 즐기고 대담하고 멋지게 길을 달려보세요!

차량의 독특한 디자인 옵션

YAOLILAI 휠의 적절한 크기와 유형을 선택하는 것 외에도, 차를 완성하는 데 수많은 디자인 선택이 가능합니다. 종종 휠에 개인적인 느낌을 주는 가장 쉬운 방법 중 하나는 커스텀 마감 작업으로 색상과 내구성을 더하는 것입니다: 긁힘/조각/자외선 손상에 강한 파우더 코팅 마감입니다. 두 가지 색상 또는 여러 색상과 질감을 사용한 멀티-컬러 구성도 자신이 눈에 띄기를 원하는 사람들에게 완벽합니다.

그 휠 림 빌릿 센터 캡은 안전 또는 기업 로고를 표시하도록 제작할 수 있으며, 휠에 스티커로 제공되는 바퀴 크기 정보와 동일한 옵션을 사용할 수 있습니다. 이는 당신의 림을 맞춤형으로 보이게 만드는 또 다른 멋진 방법입니다. 이 방법을 사용하면 휠 표면에 맞춤 인SCRIPTION이나 심지어 로고의 이미지를 직접 추가할 수 있어 매우 독특하고 다른 휠 외관 선택과 차별화됩니다.

Why choose YAOLILAI 20인치 리姆?

관련 제품 카테고리

찾으시는 제품이 없으신가요?
더 많은 제품 정보를 위해 저희 컨설턴트에게 문의하십시오.

견적 요청하기

문의하기