…">
,需要通过父级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);
}
});
})();
Một trong những bước tốt nhất bạn có thể thực hiện nếu muốn nâng cấp phong cách và hiệu suất của xe mình là chuyển sang một bộ vành mới. vành xe ô tô việc chọn vành xe hoàn hảo cho phương tiện của bạn có thể là một quy trình thú vị và đáng giá. Có nhiều kích thước, màu sắc và thiết kế khác nhau tại JC Whitney, ít sản phẩm nào cho phép bạn cá nhân hóa xe của mình theo cách hiệu quả về chi phí như đèn pha. Nhiều người đam mê ô tô thích sử dụng vành 20 inch trên xe của họ. Những chiếc vành YAOLILAI này đặc biệt được ưa chuộng vì chúng mang lại cảm giác thanh lịch và phong cách nhưng vẫn tinh tế, không quá nổi bật. Ngoài việc những chiếc vành này làm đầy khung bánh xe một cách hoàn hảo, bộ vành fifteen52s kết hợp lý tưởng giữa hình thức và chức năng, phù hợp cho bất kỳ ai muốn cả phong cách và tốc độ. thế Giới Vành 20 Inch - Một Mẫu Cho Mỗi Gu Hãy xem qua các mẫu vành VMB9 của Velgen Wheels, có nhiều màu sắc để bạn chọn loại phù hợp nhất với xe của mình. Trong khi đó, vành TSW Bathurst sử dụng công nghệ DST Hybris cung cấp hiệu suất cao hơn với các tùy chọn màu đen hoặc bạc, tạo nên vẻ thể thao và sang trọng. Không chỉ bạn được chọn những bánh xe có kích thước và loại phù hợp, mà chưa bao giờ có một thời điểm nào có thể cá nhân hóa nhiều như ngày nay khi nói đến việc thể hiện tính cách thông qua việc tùy chỉnh cho những người yêu xe! Từ việc chọn màu sắc và bề mặt, logo, v.v., có rất nhiều lựa chọn để tạo nên một bộ vành thực sự độc đáo. Các cửa hàng phụ kiện ô tô trực tuyến cung cấp giải pháp tiết kiệm chi phí hoàn hảo cho những ai muốn sở hữu những chiếc bánh xe chất lượng mà không phải trả quá nhiều tiền. Bạn chỉ cần đọc đánh giá sản phẩm, chọn một nhà bán hàng tốt; và ngay lập tức bạn sẽ mua được với giá tốt nhất. Mặc dù vẫn giữ được phong cách tương tự, những bánh xe nhôm đúc này là lựa chọn thay thế nhẹ và rẻ tiền hơn so với nhôm truyền thống. Việc giữ cho bánh xe của bạn trông đẹp nhất trong thời gian dài có thể giúp kéo dài tuổi thọ của chúng. Việc làm sạch đúng cách là điều cần thiết vì bụi bẩn và cặn bẩn có thể làm hỏng bề mặt theo thời gian. Tránh sử dụng các chất tẩy rửa mạnh vì chúng có thể làm hỏng bánh xe. Màng bảo vệ bánh xe trong khi màng bảo vệ chuyên dụng là một phát minh tuyệt vời, nhưng đây có thể không phải là lựa chọn tiết kiệm nhất cho những ai có ngân sách hạn hẹp hoặc phải đối mặt với điều kiện đường xấu. Vì vậy, nói chung việc nâng cấp bánh xe là một cách dễ dàng và nhanh chóng để cải thiện cả ngoại hình và hiệu suất của xe bạn. Tuy nhiên, hãy nhớ rằng bạn có thể giữ cho bánh xe hoạt động lâu hơn bằng cách chọn chúng khôn ngoan và chăm sóc bảo trì chúng thường xuyên. Do đó, tận hưởng cơ hội làm mới chiếc xe của bạn với một bộ bánh xe mới và tự tin lái trên đường! Ngoài việc chọn kích thước và loại bánh xe YAOLILAI phù hợp, còn có vô số lựa chọn thiết kế mà bạn có thể thực hiện để hoàn thiện chiếc xe của mình. Thường xuyên, một trong những cách dễ nhất để tạo điểm nhấn cá nhân cho bánh xe là thêm một chút hoàn thiện theo yêu cầu, ngoài khả năng chống trầy xước/mẻ/hỏng do tia UV: lớp hoàn thiện bằng phủ bột (powder coating) chắc chắn rất hot với khả năng chống trầy xước/chips/tổn hại do UV. Một màu hai tông hoặc thậm chí là phương án nhiều màu sử dụng các màu sắc và kết cấu khác nhau cũng rất phù hợp cho những ai muốn đảm bảo rằng họ được chú ý. The vành bánh xe ô tô móc trung tâm billet có thể được làm để hiển thị bất kỳ logo an toàn hoặc công ty nào giống như thông tin kích thước bánh xe clomid nolva có sẵn dưới dạng tem trên bánh xe, biến nó thành một cách gọn gàng khác để bạn có thể tùy chỉnh vành xe của riêng mình. Sử dụng phương pháp này, bạn có thể thêm chữ khắc tùy chỉnh hoặc thậm chí hình ảnh của logo của bạn trực tiếp lên bề mặt bánh xe, khiến nó trở nên rất độc đáo và khác biệt so với mọi quyết định về ngoại thất khác trên những bánh xe này. Mặc dù không phải ai cũng có thể chi tiền để liên tục nâng cấp xe của mình, nhưng YAOLILAI có rất nhiều nguồn cung cấp khi nói đến vành xe 20 inch chất lượng cao. Chiến lược hiệu quả hơn là mua sắm tại các nhà bán buôn phụ kiện ô tô trực tuyến, vì phần lớn họ đều đưa ra mức giá cạnh tranh cho vành/lốp. Hãy chắc chắn rằng bạn đọc đánh giá trước khi mua và kiểm tra xem người bán có uy tín hay không. Nếu vậy, bạn có thể tiết kiệm một khoản tiền bằng cách chuyển sang sử dụng vành nhôm đúc thay vì lựa chọn nhôm rèn đắt tiền hơn. Mặc dù chúng vành và lốp không mang lại trọng lượng nhẹ và hiệu suất tinh tế như các sản phẩm cao cấp hơn, nhưng chúng cũng đi kèm với chất lượng tương đương mà chỉ bằng ít hơn một nửa giá. Ưu và Nhược điểm của Các Kích thước Vành Khác nhau cho Xe của Bạn Tóm lại, đây là cái nhìn tổng quan rất chung về những ưu điểm và nhược điểm liên quan đến các kích thước vành khác nhau: vành xe 16 inch: Thông thường là lựa chọn tiết kiệm nhất, chúng đơn giản và không quá nổi bật. Tuy nhiên, chúng có thể sẽ không cung cấp cùng mức độ hiệu suất hoặc vẻ ngoài như các kích thước lớn hơn. vành xe 18 inch: vành thép kích thước lý tưởng của đường kính vành, chúng cung cấp hiệu suất tốt hơn mà không quá phô trương và có cơ sở thay thế rẻ hơn nếu bị hư hại. vành xe 20 inch: Kích thước này thường được coi là điểm ngọt ngào cho những ai muốn vừa trông đẹp vừa thoải mái về chất lượng lái và xử lý. Giá cả thì không hề kinh tế, nhưng chúng có sự cân bằng tốt giữa hiệu suất và sự hấp dẫn. Sau khi bạn đã đầu tư một khoản tiền đáng kể vào bộ mâm xe 20 inch sang trọng, điều quan trọng là phải tuân thủ đúng các bước lưu trữ phù hợp để đảm bảo những chiếc mâm mới lộng lẫy của bạn không bị xỉn màu chỉ sau vài tháng. Hãy tiếp tục đọc để khám phá một số lời khuyên chuyên gia giúp giữ cho mâm xe của bạn luôn bóng bẩy và nổi bật. Vệ sinh mâm xe định kỳ: Bạn có thể nghĩ đây là điều hiển nhiên, nhưng việc làm sạch mâm xe thường xuyên là rất cần thiết để loại bỏ hoàn toàn bụi bẩn / vết bám / bụi phanh có thể ăn mòn lớp hoàn thiện theo thời gian. Tránh sử dụng các chất tẩy rửa mạnh: Hãy dùng xà phòng dịu nhẹ và nước để làm sạch mâm xe, không sử dụng bất kỳ chất tẩy rửa mạnh nào có thể gây trầy xước lớp hoàn thiện. Nếu bạn sống ở khu vực có thời tiết khắc nghiệt, hãy cân nhắc mua bao che bánh xe hoặc lớp phủ bảo vệ để bảo vệ bánh xe của bạn khỏi tác động của mùa đông và mưa. Kiểm tra định kỳ: Hãy kiểm tra tất cả các vành tùy chỉnh bánh xe trên xe chở ngựa của bạn như một phần trong quy trình kiểm tra định kỳ nhằm phát hiện sớm các dấu hiệu mài mòn hoặc hư hỏng. Việc phát hiện sớm có thể ngăn ngừa tình trạng xấu đi thành vấn đề nghiêm trọng hơn. Chúng tôi cung cấp nhiều dịch vụ đa dạng, được thiết kế riêng nhằm đáp ứng nhu cầu cụ thể của từng khách hàng. Chúng tôi có thể chế tạo mâm xe 20 inch phù hợp với phong cách cá nhân, sở thích và yêu cầu kỹ thuật riêng của bạn. Chúng tôi sở hữu đội ngũ nhân viên phục vụ chuyên nghiệp, am hiểu, thân thiện và sẵn sàng hỗ trợ khách hàng đối với các sản phẩm mâm xe 20 inch. Dù là tư vấn trước khi mua hay hỗ trợ sau khi mua, chúng tôi đều có thể mang đến cho bạn dịch vụ nhanh chóng và chất lượng, đảm bảo bạn hoàn toàn an tâm. Đội ngũ nghiên cứu và phát triển (R&D) của chúng tôi — chuyên về mâm xe 20 inch — luôn đầy nhiệt huyết và không ngừng khám phá các vật liệu, kỹ thuật và thiết kế mới. Nhờ đó, chúng tôi có thể phản ứng nhanh nhạy trước các xu hướng và nhu cầu thị trường, cung cấp cho khách hàng những sản phẩm vòng thép tiên tiến nhất, phù hợp nhất với nhu cầu của bạn. Chúng tôi cam kết tuân thủ các tiêu chuẩn chất lượng đối với vành xe kích thước 20 inch. Chúng tôi giám sát chặt chẽ từng bước trong quy trình sản xuất, bắt đầu từ khâu lựa chọn nguyên vật liệu. Mỗi vành thép đều trải qua nhiều lần kiểm tra để đảm bảo độ bền, khả năng chịu lực và độ chính xác về kích thước. Chúng tôi mang đến sự đảm bảo về chất lượng đáng tin cậy.Liên hệ với tôi ngay lập tức nếu bạn gặp vấn đề!
vành 20 inch
Các Tùy Chọn Thiết Kế Độc Đáo Cho Xe Của Bạn

Cách Tìm Kiếm Bộ Lốp Chất Lượng Trong Ngân Sách Hạn Chế

Ưu Nhược Điểm Kích Thước Lốp Cho Xe Của Bạn

Mẹo giúp bánh xe của bạn luôn trông như mới
Why choose YAOLILAI vành 20 inch?
Dịch vụ cá nhân hóa và tùy chỉnh:
Dịch vụ khách hàng chuyên nghiệp:
Đội ngũ Nghiên cứu & Phát triển Sáng tạo:
Kiểm soát chất lượng nghiêm ngặt:
Không Tìm Thấy Thứ Bạn Đang Tìm?
Yêu Cầu Báo Giá Ngay
Liên hệ với các chuyên gia tư vấn của chúng tôi để biết thêm sản phẩm có sẵn.Liên hệ với chúng tôi