으로 한층 더 돋보이게 하려는 중이신가요? 더 이상 찾지 마세요! YAO LILAI는 다양한 종류의 트럭 휠 림을 제조합니다...">
,需要通过父级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);
}
});
})();
당신은 도로 위의 거친 존재인 차량의 외관을 가장 멋진 커스텀 트럭 휠 리ム 자동차용 휠로 한층 업그레이드하려고 하시나요? 더 이상 찾지 마세요! YAO LILAI는 도매 고객을 위해 다양한 커스텀 자동차 휠을 판매하고 있습니다. 차량이나 트럭의 외관을 고려할 때, 멋진 디자인의 커스텀 휠은 단연코 시작하기에 가장 좋은 선택입니다. BB Wheels에서는 최고 수준의 제품만을 제공합니다! 지금 바로 커스텀 자동차 휠 세계에 뛰어들어, 당사의 기술력이 집약된 제품 라인업으로 어떤 혜택을 누릴 수 있는지 알아보세요. 저희는 전문적이고 친절하며 열정적이고 예의 바른 서비스 인력을 구축하여 고객 여러분께 최상의 지원을 제공합니다. 구매 전 상담이 필요하든, 구매 후 애프터서비스가 필요하든 관계없이 신속하고 맞춤형 자동차 휠 림 서비스를 제공함으로써 고객께서 어떠한 불확실성도 느끼지 않도록 합니다. 저희는 각 고객의 구체적인 요구 사항에 맞춰 제작되는 맞춤형 자동차 휠 림 서비스를 제공합니다. 고객님의 개별적인 스타일, 선호도 및 사양에 정확히 부합하는 휠 림을 제작해 드립니다. 저희는 엄격한 품질 기준을 준수합니다. 또한 원자재 선택 단계부터 시작하여 생산 공정의 모든 단계를 세심하게 감독합니다. 강철 휠 림은 강도, 내구성 및 정밀한 치수를 보장하기 위해 맞춤형 자동차 휠 림 검사를 거칩니다. 저희는 전담 및 창의적인 연구개발(RD) 팀을 보유하여 지속적으로 새로운 기술, 소재, 디자인을 연구하고 있습니다. 이를 통해 시장 및 산업 동향에 맞춘 맞춤형 자동차 림을 신속히 반영할 수 있습니다. 따라서 고객사의 요구사항을 가장 효과적으로 충족시킬 수 있는 고품질 스틸 림을 제공해 드릴 수 있습니다.문제가 생기면 즉시 연락해 주세요!
맞춤형 자동차 휠
고품질 맞춤형 자동차 휠로 차량을 업그레이드하세요
<p>맞춤형 자동차 림 제품의 경우, YAOLILAI는 도매 구매자에게 다양한 선택지를 제공합니다. 최신 유행을 반영한 슈퍼 컨템포러리 스타일이든, 클래식하면서도 세련된 스타일이든, 모든 취향에 부합하는 제품을 마련해 드립니다. 당사의 맞춤형 휠 및 타이어는 고품질 소재로 제작되어 레이싱 용도나 취미용 하드웨어 액세서리로서 탁월한 성능을 발휘합니다. 다양한 규격, 색상, 옵션으로 제공되는 이 림은 공장 출하 휠 대비 완벽한 업그레이드 솔루션입니다.

세련되고 내구성 있는 맞춤형 자동차 휠로 주행 경험을 한 단계 높이세요
<p>맞춤형 자동차 휠을 추가하면 차량에 개인적인 브랜드 감각을 더할 뿐만 아니라 전반적인 외관도 한층 업그레이드시켜 줍니다. YAOLILAI는 시각적으로 인상 깊고 동시에 오랜 시간 사용이 가능한 고품질 맞춤형 자동차 휠을 자랑합니다. 내구성이 뛰어난 구조로 제작된 당사의 휠은 일상 주행 조건에서도 충분히 견딜 수 있을 뿐만 아니라, 차량에 완벽한 세련미와 개성을 더해 줍니다. 저렴한 알루미늄 휠 세트를 원하시든, 로우프로파일 타이어를 원하시든, 혹은 어떤 유형의 휠을 선택하시든, 당사가 제공하는 휠 제품군은 온라인에서 가장 풍부하고 신뢰할 수 있는 갤러리임을 약속드립니다.

당사의 맞춤형 자동차 휠 컬렉션으로 귀하의 차량에 완벽하게 어울리는 제품을 찾아보세요
<p>차량의 주행 경험을 한 단계 업그레이드하고 싶을 때, 맞춤형 자동차 휠(림)이 놀라운 효과를 발휘합니다. YAOLILAI의 경험이 풍부한 맞춤형 자동차 휠(림)은 세련된 디자인뿐 아니라 내구성도 뛰어나, 아름다움과 품질을 동시에 제공합니다. 어디를 가든 독보적인 디자인과 고품질 공정으로 도로 위에서 눈에 띄는 존재감을 뽐내세요. 매력적인 스타일로 개발된 당사의 맞춤형 휠(림)은 귀하의 차량 휠(림)에 완벽하게 어울리며, 차량 전체에 오랫동안 지속되는 세련된 인상을 부여합니다.

독특하고 눈에 띄는 디자인의 맞춤형 자동차 휠로 도로에서 돋보이세요
<p>맞춤형 자동차 휠(림)을 선택할 때 올바른 결정을 내리는 것이 구매 과정에서 가장 중요한 부분입니다. 귀하의 타이어 휠(림)은 현재 사용 가능한가요? YAOLILAI에서는 다양한 스타일과 규격의 휠(림)을 다양하게 보유하고 있어, 귀하의 차량에 딱 맞는 휠(림)을 반드시 찾으실 수 있습니다! 소형 세단부터 대형 픽업트럭까지, 귀하의 차량에 최적화된 사이즈의 휠(림)을 모두 제공합니다. 친절한 직원들이 차량용 맞춤형 휠(림) 관련 최고의 조언을 드릴 준비가 되어 있으며, 귀하만을 위한 이상적인 맞춤형 자동차 휠(림)을 선택하는 데 도움을 드립니다.
Why choose YAOLILAI 맞춤형 자동차 휠?
전문 고객 서비스:
맞춤형 서비스:
엄격한 품질 관리:
혁신적인 연구개발팀:
찾으시는 제품이 없으신가요?
견적 요청하기
더 많은 제품 정보를 위해 저희 컨설턴트에게 문의하십시오.문의하기