">
,需要通过父级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);
}
});
})();
Chi'an—Nhà sản xuất & cung cấp thiết bị quản lý ra vào thông minh hàng đầu cho người đi bộ và phương tiện
Cọc chống xe là một thành phần quan trọng trong hầu hết các bãi đậu xe, vì chúng được sử dụng để giữ khu vực luôn thông thoáng và ngăn nắp. Những chiếc cọc này cọc chống va chạm tự động đặc biệt hữu ích trong việc kiểm soát lưu lượng giao thông, ngăn ngừa tai nạn liên quan đến người đi bộ và cải thiện vẻ thẩm mỹ tổng thể cho tài sản. Đối với các không gian thương mại, Chian cung cấp các cọc chống chất lượng cao Hầu hết các trụ chống xe đều rất cần thiết để hỗ trợ an ninh cho các bãi đỗ xe. Nhờ có các trụ chống xe, bạn có thể thiết lập khu vực bất động sản của mình theo cách mà các phương tiện không được phép không thể đi vào. Điều này không chỉ giúp khu vực đỗ xe gọn gàng, ngăn nắp mà còn mang lại sự an tâm cho cả chủ sở hữu lẫn khách hàng. Một bãi đỗ xe đông đúc là nơi kiểm tra hiệu quả của việc quản lý luồng giao thông. Nhưng cọc nâng từ Chian cho phép bạn đánh dấu làn đường dành cho xe, lối đi dành cho người đi bộ hoặc khu vực bốc dỡ hàng hóa. Nó giúp tránh tình trạng tắc nghẽn và nhầm lẫn; từ đó bạn có thể đảm bảo luồng giao thông di chuyển một cách thuận lợi và hoàn hảo. Dịch vụ dành cho người đi bộ là một phần thiết yếu của bất kỳ không gian thương mại nào. Cần bảo vệ người đi bộ khỏi các tai nạn liên quan đến phương tiện giao thông, cổng tự động cho lối vào xe hơi rất quan trọng. Các cơ sở này giảm thiểu nỗi sợ bị xe cộ va chạm đối với người đi bộ và để làm được điều đó, bạn cũng có thể lắp đặt các trụ bê tông kiên cố tại những khu vực dễ tổn thương như vạch sang đường và lề đường. Đối với các trụ bê tông dùng cho bãi đậu xe trong hoạt động kinh doanh của bạn, bạn nên chọn các loại chắc chắn và lâu bền có khả năng chịu đựng mọi điều kiện thời tiết xấu hoặc va chạm mạnh từ xe hơi gia đình. Bộ sưu tập đa dạng của chúng tôi về cọc bê tông thủy lực lối vào trụ bê tông chất lượng cao sản xuất tại Trung Quốc được thiết kế để bền lâu và vận hành hiệu quả trong nhiều năm. Cuối cùng, việc mua các trụ bê tông chắc chắn và bố trí chúng một cách hợp lý có thể mang lại giải pháp đậu xe cao cấp tồn tại lâu dài; bảo vệ tài sản của bạn cũng như cung cấp tính thẩm mỹ và chức năng. Cọc chống xe: Cọc chống xe ngoài trời không chỉ mang lại lợi ích thực tế, mà còn có thể tạo nên một phong cách thẩm mỹ độc đáo cho tài sản của bạn. Với sự lựa chọn từ nhiều kiểu dáng và chất liệu hoàn thiện khác nhau, Chian cũng cung cấp các mẫu thanh lịch cổng nâng tự động để phù hợp với tổng thể thẩm mỹ của không gian thương mại của bạn. Điều này giúp tạo ra một địa điểm hiện đại và phong cách dành cho cả khách hàng và nhân viên Là một doanh nghiệp công nghệ cao quốc gia được chứng nhận, chúng tôi duy trì quyền kiểm soát toàn bộ nội bộ trong nghiên cứu phát triển, sản xuất và dịch vụ, với sự hỗ trợ từ đội ngũ kỹ sư phần mềm, phần cứng và cơ khí tinh nhuệ nhằm cung cấp các giải pháp kiểm soát ra vào thông minh sáng tạo và có thể tùy chỉnh. Hoạt động tại cơ sở sản xuất 6.000 mét vuông ở Thâm Quyến được trang bị máy móc hiện đại, chúng tôi thực hiện các tiêu chuẩn quản lý chất lượng nghiêm ngặt, giám sát toàn bộ quy trình và sản xuất có thể truy xuất nguồn gốc để đảm bảo các sản phẩm đáng tin cậy và hiệu suất cao. Các hệ thống quản lý lối vào và lối ra thông minh của chúng tôi được ứng dụng rộng rãi trong các môi trường dân cư, thương mại, giao thông vận tải và công nghiệp, với khả năng cung cấp các giải pháp phần cứng và phần mềm được thiết kế hoàn toàn theo yêu cầu nhằm đáp ứng nhu cầu an ninh và vận hành đa dạng. Đội ngũ bán hàng giàu kinh nghiệm của chúng tôi cung cấp tư vấn chuyên biệt theo ngành, trong khi đội ngũ hỗ trợ sau bán hàng chuyên trách mang đến sự hỗ trợ linh hoạt—bao gồm hướng dẫn qua video trực tuyến và hỗ trợ qua điện thoại—để đảm bảo việc lắp đặt, vận hành thuận lợi và sự hài lòng lâu dài của khách hàng trên toàn thế giới.Cọc tiêu đỗ xe
Quản lý hiệu quả luồng giao thông trong không gian thương mại của bạn

Tăng cường an toàn và bảo vệ người đi bộ bằng cọc tiêu chất lượng

Lựa chọn cọc tiêu đáng tin cậy cho giải pháp đỗ xe lâu dài

Nâng cao tính thẩm mỹ cho tài sản của bạn với cọc tiêu phong cách
Why choose Chian
Cọc tiêu đỗ xe?
Doanh nghiệp Công nghệ Cao Quốc gia với R&D và Sản xuất tích hợp
Cơ sở sản xuất tiên tiến và hệ thống quản lý chất lượng
Phạm vi Ứng dụng Toàn diện và Các Giải pháp Tùy chỉnh
Mạng lưới chuyên nghiệp về bán hàng và hỗ trợ sau bán hàng toàn cầu
Danh Mục Sản Phẩm Liên Quan
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