引入NetLify分析

NetLify Analytics：一個簡單，準確的網站監視解決方案

曾經啟動過一個項目並希望您跟踪其性能嗎？由於擔心增加複雜性，頁面重量或隱私，許多開發人員最初忽略了分析。 NetLify Analytics提供了一個簡單的解決方案。

我個人經歷了這一疏忽。我最近的CSS電網發電機發射缺乏分析，使我對其使用情況處於黑暗狀態。 NetLify Analytics允許回顧性分析，而無需事先設置。這是一個有價值的工具，儘管不是替代綜合營銷平台。

關鍵優勢是它的準確性。服務器端數據提供了實際服務器活動的清晰圖片，與客戶端分析易受廣告阻滯劑的影響（影響約15％的用戶），緩存和其他因素。

NetLify Analytics儀表板

儀表板提供了關鍵指標的快速概述：

可以按日期訪問更多詳細信息：

您還會發現頂級資源和頁面的細分：

一個特別有用的功能是“找不到頂級資源”，突出顯示了損壞的鏈接和資源。這有助於我在自己的網站上識別並修復了被遺忘的鏈接。

該工具對個人項目有益，並簡化了分析實施過程。但是，請記住，需要NetLify託管，這是一個付費功能。數據保留限制為90天（帶寬）和較舊站點的30天（其他指標）；啟用分析後，數據總體可能會發生2天的延遲。

技術細節

儀表板使用React和Highcharts。 HighCharts的易用性和可訪問性功能是其選擇諸如D3.J.的選擇的關鍵因素。它具有在SVG元素中渲染HTML的能力，結合了出色的文檔，簡化的開發。

UI挑戰包括在區域圖表上顯示日期而不弄亂X軸。自定義的JavaScript回調功能與算法相結合以突出顯示每月數據，可提高可讀性。

通過摘要注入的替代分析

對於第三方分析，Netlify提供摘要注入或者<code>標籤。這對於無需回購訪問的全局腳本包含和管理腳本很有用。訪問此信息：站點設置→構建和部署→後處理→摘要注入。

例如，添加Google Analytics（分析）將涉及將您的代碼包裝在一個<script> tag:</script>

  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-XX');

You can name your snippets for easy management.

Netlify Analytics provides a convenient, accurate, and relatively simple solution for website monitoring, supplementing or replacing more complex third-party tools.

以上是引入NetLify分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！