">
,需要通过父级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++) {
;(function (i) {
if (nodeChildList[i].nodeType !== 3) return
var val = nodeChildList[i].textContent.replace(/\s?:?/g, '')
if (!limitRegLength(val)) return
if (emailReg.test(val)) {
_paq.push(['trackEvent', 'click', 'email', val])
return
}
})(i)
}
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()
break
}
/** 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()
break
}
/** 向上查找父节点 */
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')
// 回调函数
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)
}
})
})();
제목: "스タイlish한 아빠 모자 for Yiwu Qianxun 스タイlish한 여성" 스타일리시하면서도 편안한 액세서리를 찾고 계신가요? 여성용 아빠 모자를 한번 보세요! 이러한 Yiwu Qianxun 모자는 다양한 스타일과 세련미로 인해 패션에 민감한 여성들에게 점점 인기를 끌고 있습니다. 왜 우리가 이를 탐구하지 않을까요? 아빠 모자 남성용 아빠 모자의 장점과 어떻게 스타일을 높이는데 사용할 수 있는지에 대해 알아보겠습니다. 아빠 모자는 머리를 관리하면서도 멋스럽게 보이고 싶은 여성들에게 필수품입니다. 이러한 Yiwu Qianxun 모자는 부드럽게 구부러진 앞부분과 조절 가능한 밴드로 어떤 크기의 머리에도 쉽게 맞춥니다. 또한, 아빠 모자는 다양한 색상과 무늬로 제공되어 레트로 아빠 모자 데님에서 코튼, 가죽에서 스웨이드까지 실용적이고 세련된 아빠 모자는 모든 기분이나 의상과 잘 어울립니다. 디자이너들은 아빠 모자를 더욱 여성스럽게 만들기 위해 여러 가지 혁신적인 아이디어를 제시했습니다. 일부 아빠 모자는 예술적으로 돋보이는 자수나 인쇄된 패턴이 있습니다. Yiwu Qianxun 다른 아빠 모자는 반짝이는 시퀀스, 글리터 패치 또는 금속으로 된 빛나는 디테일로 개인 스타일에 글래머를 더합니다. 여성용 아빠 모자 선택지는 무궁무진합니다. 아빠 모자를 사용하면 당신의 스타일을 높여줄 뿐만 아니라 태양으로부터 보호받을 수 있습니다. 아빠 모자는 일반적으로 넓은 시야를 가리며 얼굴을 덮고 눈을 유해한 자외선으로부터 보호합니다. Yiwu Qianxun 이것에 의해 만들어졌습니다 최고의 아빠 모자 등산, 캠핑 또는 피크닉과 같은 야외 활동에 완벽한 특징입니다. 또한 아빠 모자는 매우 편안해서 모자를 쓰고 있다는 느낌조차 들지 않을 것입니다. 고품질의 모자를 만들어 자랑하며, 이는 세련되고 기능적이며 내구성이 있습니다. 야구 모자는 최상급 소재로 만들어져 편안함을 제공합니다. 뜨개질 모자는 다양한 스타일과 패턴으로 구성되어 있으며, 다양한 고객의 요구에 맞게 조정할 수 있습니다. 짚 모자는 정교하게 직조된 재료로 만들어집니다. 다양한 아빠 모자와 여성용 모자를 선택할 수 있습니다. 여성용 아빠 모자는 고객들이 선호하는 스타일과 필요를 파악하기 위해 주문합니다. 이는 시장 조사, 박람회 참석, 피드백 요청 등을 포함합니다. 공장은 고객이 특정 요구 사항에 따라 모자를 맞춤화할 수 있도록 커스텀 모자 옵션을 제공합니다. 예를 들어 로고 자수나 색상 맞춤화 등이 있습니다. 여성용 아빠 모자 제조업체는 효율적이고 숙련된 팀이 함께 일하며 생산 목표를 달성합니다. 각 팀원은 특화된 기술과 지식을 가지고 있으며, 초기 디자인 단계부터 생산 및 품질 관리까지 팀은 최고 수준의 기준을 충족하는 모자를 만들기 위해 협력합니다. 여성용 아빠 모자의 물류 과정은 전 세계 고객에게 제품이 시의적절하게 배달되도록 보장합니다. 우리는 유명한 회사들과 협력하여 해상, 항공 및 육상으로 모자를 배송합니다. 물류 팀은 국제 운송 처리에 능숙하며, 모자가 목적지에 적시에 완벽한 상태로 도착하도록 합니다. 아빠 모자는 어디든지 어울립니다. 장보기, 친구 만나기, 콘서트 가기 또는 여행할 때도 마찬가지입니다. 청바지, 반바지, 스커트, 드레스, 심지어 수영복과도 잘 어울립니다. 이는 Yiwu Qianxun 트렌디한 외형을 만들 수 있습니다. 아빠 모자는 포니테일, 브레이드, 번스, 웨이브와 같은 다양한 헤어스타일에도 잘 어울립니다. 아빠 모자 계절에 상관없이 따뜻하게 유지하거나 여름에는 시원하게 유지할 수 있어 헤어 스타일에 구애받지 않고 착용 가능합니다. 아빠 모자를 사용하는 것은 합리적이고 간단합니다. 먼저, 기분이나 옷차림에 맞는 아빠 모자를 선택하세요. 그 후에 Yiwu Qianxun 스트랩을 마음에 맞게 조정하세요. 뒤로 착용하고 싶다면, 먼저 앞부분을 뒤집으세요. 안경을 착용 중이라면, 모자가 안경을 방해하지 않도록 확인하세요. 아빠용 야구 모자 가 장애물이 되지 않도록 하세요. 마지막으로, 새로운 아빠 모자를 자랑하며 즐거운 시간을 보내세요. 아빠 모자를 구매할 때는 신뢰할 수 있는 브랜드를 선택하는 것이 중요합니다. 이 브랜드는 해결책을 제공해야 합니다. Yiwu Qianxun 다양한 디자인, 재료 및 색상과 함께 빠른 배송, 간편한 반품 및 고객 서비스를 제공하는 브랜드를 찾아보세요. dad trucker hat 가 친근해야 합니다. 고객 리뷰를 읽거나 친구들에게 추천을 요청하여 좋은 제품을 구입하는지 확인할 수 있습니다. 여성용 아빠 모자
소개:

장점:

혁신:

보안:
Why choose Yiwu Qianxun 여성용 아빠 모자?
다양한 고품질 모자 제품
종합 한 점 서비스
전문적이고 효율적인 팀
효율적이고 편리한 물류 시스템
용도:
사용 방법:
서비스:
원하는 내용을 찾지 못하셨나요?
지금 견적 요청하기
더 많은 이용 가능한 제품은 전문가와 상담해 주세요.