前往GU首頁

這段文字並非標準的新聞稿，而是一段嵌入在GU官方電子商務網站中的JavaScript程式碼片段。以下是其功能說明。

### 功能摘要

該腳本的主要目的是建立一個精密的追蹤與分析系統。它能區分用戶是透過標準網頁瀏覽器瀏覽，還是使用GU的原生iOS或Android應用程式。這使得客製化的分析和用戶體驗成為可能。

### 詳細解析

1. **行動應用程式檢測**：
程式碼會檢查瀏覽器的 `userAgent` 字串，尋找如 `/gu ios application/i` 或 `/gu android application/i` 的模式。
```javascript
var GU_MOBILEAPP_PRESENT = false;
var guIOSPattern = /gu ios application/i;
var guAndroidPattern = /gu android application/i;
var userAgent = navigator.userAgent;
```
如果找到匹配項，它會動態載入一個特定的JavaScript檔案（`mobileapp.js`），並將旗標 `GU_MOBILEAPP_PRESENT` 設為 `true`。

2. **分析事件紀錄**：
它定義了 `logEvent` 和 `setUserProperty` 兩個函數，作為連接到原生應用程式分析框架（Firebase Analytics）的橋樑。這使得網頁內容（在App內部瀏覽時）能夠將追蹤數據發送到與原生App相同的分析後端。
```javascript
function logEvent(name, params) {
if (window.AnalyticsWebInterface) { // Android
window.AnalyticsWebInterface.logEvent(name, JSON.stringify(params));
} else if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.firebase) { // iOS
var message = { command: 'logEvent', name: name, parameters: params };
window.webkit.messageHandlers.firebase.postMessage(message);
}
}
```

3. **Google Tag Manager (GTM) 整合**：
該腳本使用ID `GTM-NMD6F5H` 初始化Google的代碼管理工具（Tag Manager）。這是一種標準方法，用於管理各種追蹤代碼（如Google Analytics、行銷像素等），而無需為每個代碼都修改網站程式碼。
```javascript
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;var n=d.querySelector('[nonce]');
n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NMD6F5H');
```

4. **使用Boomerang進行真實使用者監控（RUM）**：
腳本包含了Akamai mPulse的Boomerang程式碼片段。此工具用於真實使用者監控（Real User Monitoring），它直接從終端使用者的瀏覽器收集性能指標（如頁面載入時間、網絡延遲）。這有助於GU了解並優化其網站在真實世界中的性能。
```javascript
// window.BOOMR_API_key="9VM32-GXRFY-Y2BSZ-NBJZQ-HQ2VR"
// ... (Boomerang 載入器程式碼) ...
```

總之，這段程式碼顯示GU正大力投資於數據驅動的方法，以了解其客戶並優化其數位平台。