\n\n
,需要通过父级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 || nodeText || '');
if (phoneReg.test(str) && numUseReg.test(str)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
phone: nodeText,
},
}, '*');
_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;
if (phoneReg.test(fatherText) && numUseReg.test(fatherText)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
phone: nodeText,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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')) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: content,
},
}, '*');
_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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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)) {
window.postMessage({
type: 'SHOPS_CONTACT_TRACK',
data: {
email: 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);
}
});
})();
建設作業において、建物に堅牢な構造的サポートを提供するという点で、金属ブラケットは非常に重要です。これらの部品は、構造物のフレームを補助したり、ビームの位置を固定したり、壁の安定性を保つなど、さまざまな機能を果たし、建物全体の安全性を高めます。米国国立標準技術研究所の興味深い研究結果もあります。金属ブラケットを追加することで、建物が耐えられる重量を約30%増加させることができることがわかったのです。このような強度の向上から、金属ブラケットが建設プロジェクトにおいて今なお重要である理由がうかがえます。請負業者もこれをよく理解しており、適切なブラケットがなければ、建物は長期間にわたり日常的なストレスや気象条件に耐えられなくなってしまいます。 金属ブラケットは、製造環境において振動を低減しながら作業の効率を高めるため、機械の安定性を保つ上で重要な役割を果たします。適切に取り付けられたブラケットは機械の故障を大幅に減らすため、日々の運用がよりスムーズに行われます。米国機械学会(ASME)の研究によると、適切なブラケット設置により機械の寿命を約20%延ばすことができるといいます。このようなデータは、現代の製造業において金属ブラケットがいかに重要であるかを示しています。信頼性の高い機械は単に望ましいだけではなく、企業が生産性を維持しながら継続的なイノベーションを推進するために必要不可欠です。 航空宇宙分野における金属ブラケットは、極度のストレスや激しい温度変化といった過酷な状況に耐えられるように設計されています。連邦航空局(FAA)はこれらの部品が満たすべき厳しい規格を定めており、製造業者は高品質な素材と巧妙な設計手法を用いる必要があります。長年にわたる試験結果から、高品質な金属ブラケットが飛行機の安全性と性能を保つ上で大きな役割を果たしていることが示されています。こうした小型ながら重要な部品は、航空宇宙業界全体において幅広く活用され、厳しい天候やその他の過酷な飛行条件に直面しても航空機が問題なく運行を続けることができるようにしています。 L字金具は、主に面倒な直角接合部を効果的に補強できるため、建築工事および家具の組立において不可欠な部品となっています。正しく取り付けられたこれらの金属製金具は構造物の引張強度を大幅に高めるため、通常の留め具では耐えられない追加のサポートが必要なフレームワークに最適です。木工研究所の研究によると、継ぎ手にL字金具を追加するだけで、接合部の安定性を最大40%も向上させることができます。このような改善効果が、構造的な完全性を必要とするあらゆる作業、特に通常の継ぎ手では耐えきれない広いスパンや重い荷重に対して、請負業者やDIY愛好家がL字金具を積極的に使用する理由となっています。 HVACおよび配管工事において、U字ブラケットは建物全体にわたるダクトや配管を安定かつ適切に配置するために不可欠です。これらのブラケットは設置が容易で、定期的なメンテナンスも簡略化される設計となっており、住宅やオフィス、工場などさまざまな現場で配管業者やHVAC技術者がこれらを多用する理由となっています。米国配管・暖房・冷暖房協会(National Association of Plumbing-Heating-Cooling Contractors)の最近の研究によると、特注品と比較して標準サイズのU字ブラケットを使用することで設置作業時間を約15%短縮できるといいます。このような時間短縮は現場において迅速な作業に繋がり、労務費を抑えるとともに予定よりも早くプロジェクトを完了することが可能になります。多くの施工業者が指摘するように、複数の案件を効率的に予算管理するには、高品質なU字ブラケットはその価値があるのです。 板金加工により、企業は自社の特定のニーズに正確に合ったカスタムメタルブラケットを製造することが可能になります。レーザー切断とコンピュータ数値制御(CNC)加工などの現代的な方法を組み合わせることで、設計仕様および実際の生産の両面において非常に高い精度を実現できます。カスタム設計を採用する企業は、多くの場合、無駄になる素材を大幅に削減することができ、施設の運転効率を改善するのにも役立ち、場合によっては約25%の効率向上が見られます。こうした削減効果は最終的なコスト削減に直結し、さらにグリーン製造の取り組みも支援します。特殊な要件に直面している業界においては、経済的かつ環境的にもカスタム設計を採用するのが合理的です。 高精度のレーザー切断により、製造業者は古い技術よりもはるかに少ない材料ロスで複雑なブラケット設計を製作することが可能です。自動車および航空宇宙分野では、この技術により正確な寸法が求められるため、特に恩恵を受けています。いくつかの研究では、従来の方法からレーザー切断に切り替えることで生産時間は約半分になると示されており、多くの工場が迅速に作業を完了しつつ品質を損なうことなくこの方法を好んで使用する理由が説明されます。納期の短縮はコスト削減にもつながり、最終的な製品の品質も向上します。このような理由から、多くの製造施設が現在レーザー切断を採用しています。経済的かつ実用的な観点からも理にかなっているのです。 CNC加工は、複雑な形状や特徴を持つブラケット製作において非常に高い柔軟性を提供します。この工程は、迅速なプロトタイプ製作から大規模な量産まで幅広く対応可能であり、一貫して元の設計仕様を維持することができます。精密機械加工製品協会の調査によると、企業はCNC加工を用いることで製造コストを約30%削減できることが示されています。このコスト削減は、機械が正確かつ効率的に作業を行うことに起因しており、製造業者は低価格で高品質な部品を手に入れることができるのです。多様な詳細な形状を持つ金属製ブラケットを製造する必要がある多くの工場は、今日でも日常業務でCNC技術に強く依存しています。 金属ブラケットの製造においては、優れた溶接が大きな違いを生みます。強度の高い継手を作ることで、これらの部品が長持ちするからです。屋外で使用される製品においては、錆に耐えるコーティングを追加することが非常に重要になります。米国腐食防止協会(NACE)の専門家は、適切な腐食防止対策により、場合によっては製品寿命が倍になることもあると述べています。私たちは建設現場や工場など、日常的にブラケットが雨や塩分を含んだ空気、極端な温度変化にさらされる現場で、こうした耐久性の重要性を日々感じています。最初から適切に製造されない金属構造物は、より速く劣化してしまいます。だからこそ、長期にわたって使用されるブラケットを製造する際、優れた溶接技術と適切な防腐食処理の両方に、賢い製造業者が注力しているのです。 金属ブラケットを最大限に機能させるには、その上に荷重がどのように分散されるかが重要です。ブラケットの設計が適切であれば、構造全体に荷重を均等に分散させることができ、問題を引き起こす可能性のある応力集中部位を低減します。実際の目的はバランスにあると言えます。なぜなら、荷重が適切に分散されないと、部品が予想より早く劣化・破損してしまうからです。この分野における研究から、エンジニアが重量配分を正確に行うことで、構造物全体として約20〜25%強度が増すことが分かっています。そのため、多くの製造企業がブラケットシステムの計画段階および実際の導入段階において、荷重管理を重視するようになっています。 湿気の多い環境では、合金の選択が非常に重要です。これは、錆やその他の摩耗を防ぐ役割を果たすためです。ステンレス鋼やアルミニウムは、このような用途において特に優れており、湿気への耐性が高いことが特徴です。Metal Allianceの報告によると、湿度に耐性のある素材を採用することで、長期的にメンテナンス費用を約20%削減できるといわれています。製造業者が初期段階で適切な合金を選定することで、部品の長寿命化とコスト削減という二重の利点が得られます。このような素材で作られた金属ブラケットは、過酷な気象条件下でも長期間にわたり安定して使用でき、頻繁なメンテナンスや交換を必要としません。 機械の寿命を延ばすとなると、ブラケット設計に振動減衰機能を追加することで大きな違いが生まれます。振動の伝達を抑えるように設計されたブラケットは特に重要です。なぜなら、過度な振動が長期間続くと時間とともに部品が破損しやすくなるからです。製造工場からのメンテナンス報告によると、適切な振動管理を行うことで機械の稼働期間が実際に延長されています。一部の施設では、修理が必要になるまでに機械の寿命が30%延長したと報告しています。要するに、振動をより適切に管理することで、ダウンタイムが減少し、部品の早期摩耗も防ぐことができます。予算を慎重に管理している工場の管理者にとっては、このような改善は実際のコスト削減につながり、生産ラインに設置されている高価な資本投資を保護する効果があります。 耐久性と信頼性の面では、金属製ブラケットは一般的にプラスチック製ファスナーをはるかに上回ります。特に、本格的な強度が必要な場面においては、例えば工場や屋外の設置環境など、より強力な力や過酷な天候にさらされても、金属製ブラケットは形状や機能を損なうことなく使用可能です。技術レポートによれば、多くの状況において金属ブラケットはプラスチック製のものと比較して、約5倍の期間、摩耗や劣化を示さずに使用できるとされています。そのため、数か月使用しただけで壊れてしまうような素材ではなく、長期間使用できるものを求める建設業界の専門家が金属製を選ぶのも当然のことです。 重い荷重を支える際には、金属製のブラケットが木製のものよりもはるかに優れているため、建設現場や大型機械の組立時に広く使用されています。構造工学研究所のデータによると、金属製ブラケットは木製の同等品と比較して約3倍の重量を支えることができます。このような強度は、頻繁に使用される状況で物事が安定していなければいけない場面において非常に重要です。この利点により、国内の工場や建設現場で耐久性が必要とされるプロジェクトでは、多くの専門家が依然として金属製ブラケットを選択しています。 亜鉛めっきは金属ブラケットを錆や腐食から保護する効果があり、自然環境が過酷な屋外用途において非常に適しています。ブラケットがこの処理を受けることで、天候の厳しい影響があっても耐久性が大幅に向上し、構造物が数年で劣化して故障する心配がなくなります。研究によると、亜鉛めっき鋼材はメンテナンス作業を約40%削減する効果があります。これは、年々屋外構造物の強度を維持しながら、長期的に大きなコスト削減が可能であることを意味します。 2025-05-26 2025-05-28 2025-05-27汎用性のある金属ブラケット:あらゆる設置環境へのソリューション
あらゆる業界にわたる主要な金属ブラケットソリューション
建設プロジェクトにおける構造サポート
製造業における機械の安定化
航空宇宙グレードブラケットの実装
特殊なニーズに応じた金属ブラケット設計
直角補強用L字ブラケット
HVACおよび配管システムにおけるU字金具
カスタムシートメタル加工プロセス
高度な板金加工技術
精密レーザー切断の応用
複雑なプロファイルのためのCNC加工
溶接および耐腐食性仕上げ
金属ブラケット性能の最適化
重量配分のベストプラクティス
耐湿性合金の選定
振動減衰ソリューション
金属と他のブラケット素材の比較
プラスチック製ファスナーと比較した耐久性
木材よりも優れた耐荷重性能
屋外使用のための亜鉛めっきコーティング
おすすめ商品
最新ニュース
CNC加工:現代製造におけるイノベーションと応用
金属プレス加工のバリ取り:技術とベストプラクティス
自動プレス機技術:2025年の金属加工を革新するもの