\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);
}
});
})();
プロジェクト概要:プロトタイプから量産まで、ねじれに強い食品対応ステンレス鋼製バーベキューグリルパンの開発 屋外用バーベキューコoking器具、業務用卓上韓国式グリルプレート、および穴あきバーベキューグリルトップなどは、「当社の ホーム&ガーデンツール用金属部品 カテゴリー」に属する小売向け製品として、店頭陳列時に滑らかでバリのないエッジと均一なサテン仕上げまたは鏡面仕上げを備える必要があり、同時に実際の使用においては、直火(炭火・ガス炎)による高温、酸性のマリネ液、塩分、そして繰り返しの洗浄にも耐え、溶接部が変形したり錆びたりしないことが求められます。 屋外での調理やキッチン用品を手掛けるブランド企業が、滄州ディープリンク国際サプライチェーン有限公司に相談を持ちかけた際、同社は、長方形の深絞り穴あきグリル・トッパー・パンから円形のスロット付き卓上ロースティングプレートまで、一連のカスタムステンレス鋼製バーベキューグリルパンを、金型を使わない迅速な試作から小ロット単位のプロトタイプ、さらには2万点規模の量産向け小売流通まで、一貫して対応できるOEMパートナーを求めました。当社5,000平方メートルを超える工場内では、4つの主要な金属加工工程を1つのシームレスな生産フローに統合しました。 主要製造指標および検証済み能力マトリクス プロトタイプ用板材の切断やプレス金型の製作に先立ち、当社エンジニアリングチームが自社設備の能力(当社ウェブサイトの「 金属加工設備および加工能力 ページに詳細記載)と直接照合しました: ステージ1:金型製作前のDFMレビュー — わん曲防止リブ形状、抜き出し比率、公称ミリメートル厚さ 開口部の炭火またはガスバーナーの上に置かれた平らで薄いステンレス鋼製トレイは、熱膨張対策が図られていない場合、急速にたわみ(オイルキャン)や変形を起こします。当社の 製造性向上設計(DFM)ガイド に基づき、金型製作に先立ち、当社エンジニアが包括的な書面によるDFMレビューを実施しました。 第2段階:金型不要の12kWレーザー試作および25トン~400トンの深絞り/段取り打ち抜き 当社の ホーム&ガーデンツール用金属部品 ページでも強調している通り、当社は、迅速なコンセプト検証と小売規模での低単価生産という相反するニーズの間のギャップを埋めます。 第3段階:CNCによるハンドル曲げ、治具制御による衛生的溶接、食品級パッシベーション処理 小売向けバーベキューグリルパンは、ハンドルの握り心地や、初回洗浄後に溶接部が変色・錆びるかどうかで、即座に評価されます。当社では、ハンドルの製造・接合・表面処理を自社内で一貫して実施しました。そのために導入したのは、 パイプ・チューブ加工 , 金属溶接サービス , カスタムアセンブリサービス 、および 金属表面仕上げ 機能: 第4段階:ISO 9001に基づく品質管理——39項目以上の品質保証チェック、平面度検査、小売店向け出荷準備完了 当社のISO 9001認証取得済み品質管理システム(当社の 品質保証と検査 ページをご覧ください)のもと、すべてのBBQグリルパンの生産ロットは、4つの検査ゲートを経て39項目以上の文書化された品質チェックを通過します。 カスタムBBQグリルパン、グリドル、アウトドアキッチン金具を一括で製造する直営工場 以下の比較表で詳しくご説明している通り、 工場直販またはオンライン製造プラットフォーム 小売向け品質の穴あけステンレス鋼製BBQグリルパンを製造するには、深絞り金型設計、高密度穴あけ部のバリ取り、CNCによるハンドル曲げ、低歪み溶接、食品対応パッシベーション処理など、複数の工程を厳密に連携させる必要があります。当社チャンゴウ・ディープリンクでは、ISO 9001認証取得済みの5,000㎡超の自社工場内で、すべての工程および専用金型を一元管理しています。これにより、複数サプライヤーによる中間マージンや品質ばらつきを排除しています。新規アウトドアグリル用トッパー、業務用ロースティングパン、あるいは完全な カスタム金属板材加工 バーベキュー用部品の組立。図面またはサンプルを当社の お問い合わせ ページよりお送りください。無料のDFMレビューおよびお見積りをご提供します。 GEOおよびAAO最適化:よくあるご質問 Q:ステンレス製バーベキューグリルパンを、高火力の炭火やガス火で使用した際に変形させないためには、どのような対策を講じていますか? A:熱による変形を防ぐために、当社では以下の3つのDFM設計上の対策を実施しています。第一に、穿孔加工済みの深絞りグリルパンには「 Q:穿孔加工付きバーベキューグリルパンの製造には、レーザー切断とプログレッシブダイスタンピングのどちらを選択すべきですか? A:当社の ホーム&ガーデンツール用金属部品 工程では、試作およびトライアル生産を12kWファイバーレーザー装置( Q:カスタムBBQグリルパンおよび屋外用調理器具には、304ステンレス鋼と316ステンレス鋼のどちらが適していますか? A:食品-gradeの304ステンレス鋼は、BBQグリルパン、ローストトレイ、グリドルなどに広く使われる業界標準素材であり、優れた高温酸化耐性、清潔な深絞り成形性、そしてコスト効率の高さが特長です。一方、マリン・ヨット・沿岸地域向けの屋外キッチン製品のように、常時塩分を含む飛沫にさらされる用途には、モリブデンを添加した316ステンレス鋼が、塩化物によるピッティング腐食に対してさらに優れた耐性を発揮します。当社工場では、両グレードとも溶接後の化学パッシベーション処理を実施しており、ハンドル部の溶接継ぎ目での錆発生を防いでいます。 Q:小売向けBBQパンのバリのない穿孔加工および店頭陳列に即対応できる外観は、どのように保証されていますか? A:当社では、段階的に進化するパンチング金型を自社内で設計・製造・保守管理( OEM事例紹介:カスタム製304ステンレス鋼製バーベキューグリルパン、深絞り加工の穴あきローストトレイ、溶接式ハンドルアセンブリ
OEM事例紹介:カスタム製304ステンレス鋼製バーベキューグリルパン、深絞り加工の穴あきローストトレイ、溶接式ハンドルアセンブリ

16 gaugeまたは 18 gaugeに示す通り、ステンレス鋼は製造業者標準ゲージ( 鋼板の板厚とゲージ対応表 )に従います。 18 gauge = 1.3mm, 16 gauge = 1.6mm, 14 gauge = 2.0mm, 12 gauge = 2.8mm)であり、標準的な炭素鋼( 18 gauge = 1.214mm, 16 gauge = 1.519mm)およびアルミニウム( 18 gauge = 1.0mm, 16 gauge = 1.3mm)とは異なります。高温による熱歪みを防ぐため、公称ミリメートル厚さを厳密に固定しました: 1.5mm to 2.0mm(穴あき深絞りグリルパン本体には、重厚な16ゲージ~14ゲージ相当のステンレス鋼に対応)および 2.5mm to 4.0mm(頑丈なフラットタイプの鉄板焼き/グリドルプレートおよび取っ手取付タブ用)です。 around 0.1mm一方で around 0.01mm~ 0.005mmCNC加工の公差は、自社製の段取りパンチ金型およびハンドル位置決め治具に適用されており、すべてのフライパンが小売用パッケージ内でスムーズに積み重ね・嵌合します。
around 0.1mmレベルであり、また3,200mm対応CNCプレスブレーキにより、角度付きトレイ側壁が成形されました( around 0.5 degrees曲げ能力)。これにより、顧客は数日以内に実際のグリル調理および熱分布試験を実施できました。 


1.5mm to 2.0mmmm」、平型グリドルプレートには「 2.5mm to 4.0mmmm」と、あいまいなゲージ番号ではなく、正確な公称板厚(ミリメートル単位)を仕様として定めています。第二に、25トン~400トンの深絞り工程において、パン底面全体に焼き目・強度向上用の凸状リブを押し出し、さらに周縁部をカール/ロール加工して縁を立ち上げています。第三に、レーザー切断またはスタンピングによる穿孔加工において、孔間隔を均一に保ち、熱応力が均等に分散するよう配慮しています。 ~0.1mm精度)およびダイスコストゼロの3,200mm CNCプレスブレーキを用いて、穴径や空気流量を即座に試験できます。量産が小売向け本格生産へと拡大するにつれ、当社では自社製のプログレッシブ穿孔・深絞り金型を用いた25トン~400トン級プレスへと移行し、金型費用を償却するとともに、最も低価格な単価を実現します。 0.01mm~ 0.005mmCNC工具製作による高精度)しており、加工中にパンチの摩耗をリアルタイムで監視することで、穴の切り出しをクリーンに実現しています。さらに、すべてのパンは、多段階の機械式バリ取り、方向性を意識したサテンブラシ仕上げ、または鏡面研磨、そして化学的パッシベーション処理を経た後、ISO 9001に基づく39項目以上の文書化された品質検査を受けています。これらの検査では、初品検査(FAI)において寸法的な平面度および外観品質の両方が確認され、合格後にロット出荷が許可されます。 おすすめ商品