Monitoring 網站
概念
網站監視 (通常稱為「一般使用者監視 (EUM)」或「實際使用者監視 (RUM)」) 是瞭解數位使用者體驗的重要工具。
Instana 透過分析實際瀏覽器要求時間及路徑載入時間來支援網站監視。 它可讓您深入洞察使用者的 Web 瀏覽體驗,並深入洞察應用程式呼叫路徑。

以非同步方式載入網站中,代理程式會以信標形式向 Instana 報告其發現項目。 在 Instana 使用者介面中的網站儀表板內,可以在聚集表單中找到此引標資料。 儀表板可協助探索網站的行為和速度。 它們可供廣大讀者存取,並回答最常見的問題。 您可以使用分析功能來回答更具體的問題和假設。
下列畫面擷取會顯示針對頁面載入所收集的資料,其中結合使用者的瀏覽器活動及後端追蹤的鏈結。

安裝
Instana 網站監視解決方案使用內嵌在受監視網站中的輕量型 JavaScript 代理程式來運作。 若要安裝 JavaScript 代理程式,請存取 Instana 使用者介面中的 網站 區段,以開始追蹤網站效能資料。 Instana 使用者介面會引導您完成安裝程序。

Wordpress 監視
如果您想要搭配使用網站監視與 Wordpress,請使用 WP Instana EUM 外掛程式。
如需 Wordpress的相關資訊,請參閱 何謂 Wordpress。
儀表板
開始使用 Instana 網站監視包括輸入您的網站名稱,以及複製 JavaScript Snippet。 如需受監視網站的相關資訊,請參閱 安裝小節。
速度
在速度標籤中,您可以檢視說明頁面載入時間的傳輸量、延遲時間及度量值。

資源
協力廠商資源 (例如 Script 和影像) 通常負責慢速頁面載入。 在資源標籤上,您可以找到一個表格,顯示網站正在使用的所有資源提供者。

按一下特定原點之後,您可以查看更詳細的資訊,包括載入時間毀損及快取效能。 您可以查看一段時間內快取統計資料的變更,以及它與載入時間的關係。

錯誤
在嚴重程序中可能發生錯誤。 例如,在線上網際網路店面中結帳所購買項目的程序中,可能會發生重複付款錯誤。 因此,客戶可能會感到不滿意,而商業需要制定規定,例如處理信用卡退款。
雖然在追蹤中看到未處理的錯誤很有用,但有時您不關心單一問題。 當涉及許多團隊或發生許多錯誤時,取得狀況的概觀會更有用。 在 Instana 使用者介面中,您有完整的錯誤分解,含有下列資訊:
- 發生哪些錯誤,以及存在多少錯誤
- 受影響的使用者數目
- 在哪些瀏覽器中發生錯誤
- 發生錯誤的作業系統
- 發生錯誤的頁面
當使用者資訊可供 JavaScript 代理程式使用時,可提供對受影響使用者的見解。 如需相關資訊,請參閱 識別使用者。

HTTP 要求
在「HTTP 要求」標籤上,您可以分析哪些 HTTP 要求慢速或有問題。 如果您選取特定原點,您會看到對「HTTP 方法明細」、傳輸量和延遲,以及錯誤率和延遲明細的見解。

頁面
通常必須隔離特定頁面並分析其效能。 此視圖也很適合用來尋找資料流量最多或回應時間最慢的頁面。
選取特定頁面之後,您可以只查看此單一頁面的所有度量值。

智慧型警示
檢視所有已配置「智慧型警示」的清單。 按一下警示以檢視其配置、修改它或檢視其修訂歷程。 必要的話,您也可以停用或移除警示。
如需如何新增警示的相關資訊,請參閱 智慧型警示。
分析
與 Instana 追蹤和呼叫的分析功能類似,網站監視資料的分析視圖可用來回答任何預先配置儀表板未涵蓋的特定問題。 網站監視資料的單一部分稱為 引標。 存在一些 引標 類型,即頁面載入、HTTP 要求、資源及 JavaScript 錯誤。 為了方便起見,每一個引標類型在分析視圖內都有自己的主要導覽項目。
引標資料可用來過濾及分組。 預設分組視選取的信標類型而定。 可以移除分組,以檢查符合過濾器的個別信標。
分組視圖
在分組分析視圖內,信標資料依特定標籤分組。 依預設,信標資料分組如下:
- 依頁面名稱 (
beacon.page.name) 的頁面載入。 - 依資源來源 (
beacon.http.origin) 列出的資源。 - 依呼叫目標原點的 HTTP 要求 (
beacon.http.origin)。 - 依錯誤訊息 (
beacon.error.message) 列出的 JavaScript 錯誤。
下列畫面擷取顯示依瀏覽器名稱 (beacon.browser.name) 分組的頁面載入,其中圖表顯示稱為 Robotshop的網站跨瀏覽器的頁面載入時間 (平均值) 分佈。

度量選項
分析表格顯示每一種信標類型的預設度量集,在大部分情況下都很有用。 為了回答更具體的問題, Instana 支援選取這些表格的度量值。 選取度量值可使用不同的聚集 (例如百分位數) 及個別度量值 (例如 TCP/SSL 時間) 來進行分析。
過濾、分組、選取度量值及繪製圖表的組合已足夠,可以在分析視圖中重建在網站儀表板內找到的所有表格及圖表。

未分組視圖
在移除分組準則之後,即可存取未分組的視圖。 它會列出每一個符合所提供過濾器的引標。 未分組的視圖也是頁面載入視圖的閘道。

頁面載入視圖
類似於追蹤和呼叫的追蹤視圖,頁面載入視圖是 Instana 內最高的詳細資料層次。 頁面載入定義為擷取起始 HTML 文件及後續的所有內容,直到下一個整頁導覽為止。
頁面載入視圖設計為您提供所發生頁面載入的快速概觀。 此外,您還可以查看 Instana 針對頁面載入所接收的每一個資料片段,這表示在您分析問題時,環境定義一律可用。 例如,當您分析 JavaScript 錯誤時,此視圖會新增對之前發生的情況的瞭解。
頁面載入視圖是根據一般 Web 開發人員工具的網路標籤來建模。 過濾和搜尋甚至可以處理許多資料。 即使導覽至後端追蹤,也可以充分瞭解某件事的行為方式!

追蹤視圖整合
啟用網站的網站監視也會加強追蹤視圖。 追蹤視圖已使用網站監視資料進行強化,如下列畫面擷取所示。

地理資料
Instana 會根據 MaxMind所提供的 GeoLite2 資料庫,將一般使用者 IP 位址對映至地理詳細資料。 使用反向 Proxy 伺服器來收集 IP 位址。 對於自行管理的安裝,請確保將一般使用者 監視端點 的 URL 配置為代理程式 報告 URL。 否則,不會收集 IP 位址,且無法使用相關的地理詳細資料資訊。