&...">
,需要通过父级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);
}
});
})();
Mashiningizning stil va performansini yangilash uchun qilishingiz mumkin bo'lgan eng yaxshi harakatlardan biri - bu butun yopqonlariga o'tish. avtomobil moykalari mashinangiz uchun mos yopqonlarni tanlash juda qiziq va faol jarayon bo'ladi. JC Whitney-da turli o'lchamlarda, ranglarda va dizaynlarda mavjud, unchalikki avtomobilni aslida sizga moslashtirish imkoniyatini beradi. Ko'p sayida avtomobil yorug'liklari o'z mashinalariga 20-inch charkalarni tanlaydi. Bu YAOLILAI charkalari xususan mashhur, chunki ular eleganslig va hali ham qulay bo'lgan stilni beradi, shu bilan birga juda ko'p bo'lmaydi. Shuningdek, bu charkalar o'rtasini charka yuzaqlaridan yaxshi bosib turadi va onlar formani va funktsionallikni birlashtirishda ideal ishlaydi, undayki stil va tezlikni istaganchilar uchun. 20 Inch Charka Dunyosi - Har bircha uchun bir tane Borading Velgen Charkalari VMB9 charkalari, bir necha ranglarda yakuniy holatda - mashiningizga eng yaxshi keladiganini tanlang. Keyinchalik, TSW Bathurst Charka Rim DST Hybris texnologiyasi orqali ko'paytirilgan performans bilan qora yoki moyi rangdagi tugamlar sportiv va modis mazkur ta'sirni beradi. Siz faqatgina to'g'ri hajmdagi va turi bo'yicha shlaklarni tanlashga imkon beriladi, balki bugungi kunda shaxsiyligiингизни ifodalash uchun mavjud eng sozlanadigan nuqtalaridan biridir! Ranglar va tugamlaridan boshlab, logotiplarga qadar ko'p narsalarning tanilishi mumkin bo'ladi, bunda rimlar to'plami haqiqatan yagona qilib berish uchun ko'p variantlar mavjud. Onlayn mashina qo'shimchalari do'koni mashina ishchi eki sifatida yaxshi sifatdagi shlaklarni olish uchun jami pulni chiqarmasdan pulingiz uchun yaxshi yechimni taqdim etadi. Siz faqat uni baholamalari bilan tanishib chiqing, shuningdek, yaxshi sotuvchi tanlang; va tez orada uni eng yaxshi narxda olishingiz mumkin. Ushbu cast-aliuminiev shlaklar klassik aluminiyga nisbatan arzon va ogir emas. Iltimos, shu qadar imkoniyatni egallab turish uchun tez oraliqda tez yuritish va tez yetkazib borish kerak. To'g'ri tozalash shart, chunki yorug'lik va qozoncha vaqt davom etishiga sabab bo'lishi mumkin. Qattiq tozalovchilardan foydalanmang, chunki ular ro'larga zarar berishi mumkin. Rool qop qo'shish muhimdir. Demak, ro'larni himoyalash plastiysi juda yaxshi yaratilgan narsa, lekin bu har xil budgetdagi odamlar uchun eng arzon variant emas yoki qattiq yo'llarda ishlatish uchun. Shuningdek, umumiy ko'rinish va mashina performansini yaxshilash uchun ro'largacha oson va tez ravishda yaxshilash mumkin. Ammo uni eslashtiring, ro'larini uzun davom etishini ta'minlash uchun ularni aqlaroq tanlab olisiz va ularni saqlashga harakat qilsiz. Shuning uchun, yangi ro'lar bilan mashinani tiklash imkoniyatidan foydalaning va yorug'lik va fantastik hissida yo'lga chiqing! YAOLILAI to'g'ri o'lcham va turi kolovorlarni tanlashdan tashqari, mashiningizni yakunlashda qilish mumkin bo'lgan dizayn tanlovlari soni cheksiz. Katta darajada, bir necha odam uchun kolovorlaringizga shaxsiy matn qo'shish eng oddiy usullardan biri hisoblanadi, bu esa rangli to'qimlik va dayanduruv orqali amalga oshiriladi: Pulver qatlamasi yakuniy to'qimliklar sarg'ochalar/choqlar/UV pozgarliklarga muqavimat beradi. Ikki rangli yoki hatta turli ranglar va texturelarni ishlatgan ko'p rangli skema ham shaxsiyatini bildirishni istaganchilar uchun mukammal hisoblanadi. The mashina rimlari billet markazi kap keltirilgan xavfsizlik yoki korporativ logo'larini va clomid nolva kolovor o'lchami haqida ma'lumotlarni ekranlangan kolovorlarda mavjud bo'lganidek ko'rsatish uchun amalga oshirilishi mumkin, bu esa rimlaringizni shaxsiy qilish uchun yana bir yoqin usul hisoblanadi. Ushbu usul orqali siz logotingizning rasmini yoki shaxsiy yozuvni tepadan tepaga tekislikka qo'shishingiz mumkin, bu esa shu rimlarning tashqi qismini ajratib olish uchun juda unikal va boshqa qarorlardan farqli bo'ladi. Barcha odamlar avtomobillarini doimiy yangilashga mo'ljallab bo'lmasa-da, YAOLILAI kalitli 20-inch charkalarga doir ko'plab manbalar mavjud. Kengaytirilgan strategiya onlayn avto qo'shimcha tozalovchilarida savdo qilishga asoslanadi, chunki ularining bir kattasida charkalar/yoqim uchun agressiv narxlarni taklif qilmoqda. Xarid qilishdan oldin izohlarni o'qib chiqing va sotuvchining yaxshi nom uzini tekshiring. Agar bunday bo'lsa, murakkab alminiym variantidan o'rniga cast-alminiym charkaga o'tsangiz pul saqlashingiz mumkin. Ular hamcha rimlar va lastiklar yuqori darajali qarindoshlari bilan bir xil eng kam og'ir vazni va eleganta performansni taqdim etmaydi, lekin ular ningaro qiymatidan pastda turadigan narxga yetarlicha cacheni taqdim etadi. Mashinangiz uchun turli charka hajmlarining foydalanishi va kamchiliklari To'plash uchun, bu turli charka hajmlarining foydalanishi va kamchiliklari bilan bog'liq muammolarga doir juda umumiy tenglamadir: 16 inch bo'yda yopqonlar: Umuman olganda, eng arzonlar. Ular oddiy va tez-tez emas. Ammo ular katta o'lchamlardan bir xil darajada performansni yoki ko'rinishni taqdim etmaydi. 18-inch yopqonlar: metall rimlari yopqon diametrining altining to'g'ri o'rtasida joylashganlari, ular ko'p flashlik bilan birlashgan yaxshi performansni taqdim etadi va aksaroyi shartga qaraganda, ularni zayiflashgan holda almashtirish narxi ham qimmat bo'ladi. 20-inch yopqonlar: Sizning ko'rinishingiz yaxshi va yurish sifati, boshqaruv jihatidan qonun borligi sababli, bu hajm turli odamlar uchun tanlovda qulay hisoblanadi. Narxlar ekonomikadan uzakdir, lekin ular performans va mazkur oraliq orasida yaxshi muvofiqlikka ega. Siz 20 dyuymlik g'ildiraklar to'plamiga pul sarflaganingizdan so'ng, yangi g'ildiraklaringizning yuzasi oyliklar ichida matlashmasligi uchun ularni to'g'ri saqlash bo'yicha kerakli qadamlarni amalga oshirish muhimdir. Davom eting va g'ildiraklaringizni doim chiroyli saqlash bo'yicha mutaxassislarning maslahatlarini biling. Muntazam g'ildiraklarni tozalash: Siz buni oddiy ish deb o'ylashingiz mumkin, lekin g'ildiraklaringizni muntazam ravishda tozalash — ularga vaqt o'tishi bilan yuzaga keladigan chang, loy va tormoz changi kabi iflosliklardan xalos qilish uchun juda muhim. Qattiq tozalovchi vositalardan foydalanmang: G'ildiraklaringizni tozalash uchun qattiq emas, balki yumshoq sabun va suvdan foydalaning, chunki qattiq vositalar yuzaga xavfli xashaklar qoldirishi mumkin. Agar siz qattiq ob-havo sharoitida yashasangiz, g'ildiraklaringizni qish va yomg'irdan himoya qiluvchi g'ildirak qoplamalari yoki himoya qoplamalarini sotib olishni o'ylab ko'ring. Muntazam tekshiruvlar: Ehtimoliy ishlash yoki shikastlanish belgilari uchun muntazam tekshiruv doirasida o'tqaziladigan tekshiruvda o'zingizning ot avtomobilingizning barcha shaxsiy charkalar g'ildiraklariga qarang. Dastlabki aniqlash og'ir holatga aylanishini oldini oladi. Biz har bir mijozning aniq ehtiyojlariga moslashtirilgan xizmatlar to'plamini taklif etamiz. Sizning shaxsiy uslubingizga, afzalliklaringizga va talablaringizga mos keladigan 20 dyuymlik g'ildiraklar yaratishimiz mumkin. Bizda 20 dyuymlik g'ildiraklar bo'yicha mutaxassis, bilgir, mehribon va yordamchi xizmat xodimlari mavjud. Sizga sotib olishdan oldin maslahat berish hamda sotib olingandan keyin yordam ko'rsatish — barchasi uchun tez va sifatli xizmat taklif etamiz, shunda siz hech qanday g'ayriqulayliklarga duch kelmasligingizni ta'minlaymiz. Bizda 20 dyuymlik g'ildiraklar bo'yicha juda faol va ilg'or tadqiqot va rivojlantirish (RD) jamoamiz bor, bu jamoa doimiy ravishda yangi materiallar, texnikalar va dizaynlar ustida ishlaydi. Biz bozordagi ehtiyojlar va sanoatdagi tendentsiyalarga tezda javob bera olamiz va mijozlarimizga eng innovatsion po'lat halqali mahsulotlarni taklif etamiz, bu mahsulotlar sizning ehtiyojlaringizga aynan mos keladi. Biz 20 dyuymlik g'ildirak halqalari sifat standartlariga rioya qilishga majburmiz. Biz ishlab chiqarish jarayonining har bir bosqichini — xom ashyo tanlashdan boshlab — ehtiyotkorlik bilan nazorat qilamiz. Har bir po'lat halqa mustahkamlik, etkazib berish muddati va aniq o'lchamlarga ega ekanligini ta'minlash uchun bir necha tekshiruv jarayonidan o'tadi. Biz sifatni kafolatlaymiz va bu kafolat ishonchli hisoblanadi.Agar muammoni topgan bo'lsangiz, men bilan tez orada bog'laning!
20 inchlik rimlar
Sizning yurganingiz uchun unikald design variantlari

Kengaytirilgan byudjetda sifatli teepalar ni topish usuli

Mashinangiz uchun teepa o'lchami pros va kamchiliklari

G'ildiraklaringizni yangi ko'rinishda saqlash bo'yicha maslahatlar
Why choose YAOLILAI 20 inchlik rimlar?
Shaxsiy va xususiy xizmatlar:
Professonal mijoz xizmati:
Innovatsion ishlab chiqarish jamoasi:
Kuchli sifat nazorati:
Ko'rgan narsangiz yo'qmi?
Hozir taklif so'rang
Ko'proq mahsulotlar uchun maslahatchilarimizga bog'laning.Aloqa qiling