Awesome
Blazor extensions for Analytics: Google Analytics, GTAG, etc...<br/> AspNetCore Version: 3.1.8
NuGet Package
https://nuget.org/packages/Blazor-Analytics
Configuration
For Every Tracker
First, import the namespaces in _Imports.razor
@using Blazor.Analytics
@using Blazor.Analytics.Components
Then, add the NavigationTracker
component below your Router in App.razor
.<br/>
The tracker listens to every navigation change while it's rendered on a page.
<Router ... />
+ <NavigationTracker />
ServerSide Specific Configuration
Edit _Host.cshtml
and apply the following change:
<script src="_framework/blazor.server.js"></script>
+ <script src="_content/Blazor-Analytics/blazor-analytics.js"></script>
WASM Specific Configuration
Edit index.html
and apply the following change:
<script src="_framework/blazor.webassembly.js"></script>
+ <script src="_content/Blazor-Analytics/blazor-analytics.js"></script>
Setting up GoogleAnalytics
Inside your main Startup
/Program
, call AddGoogleAnalytics
. This will configure your GTAG_ID automatically.
+ services.AddGoogleAnalytics("YOUR_GTAG_ID");
How to trigger an Analytics Event
- Inject
IAnalytics
wherever you want to trigger the event. - Call
IAnalytics.TrackEvent
passing theEventName
andEventData
(an object containing the event data). <br>Or<br> CallIAnalytics.TrackEvent
passing theEventName
,Value
andCategory
(optional).
@inject Blazor.Analytics.IAnalytics Analytics
Analytics.TrackEvent("generate_lead", new {currency = "USD", value = 99.99});
How to disable tracking on any page
1.- Inject ITrackingState on blazor component
@using Blazor.Analytics.Abstractions
@using Blazor.Analytics
@inject ITrackingNavigationState TrackingNavigationState
@inject IAnalytics GlobalTracking
2.- Disable tracking on initialized
2.1 For current page
protected override void OnInitialized()
{
TrackingNavigationState.DisableTracking();
}
2.2 For whole application
protected override void OnInitialized()
{
GlobalTracking.Disable();
}
Changelog
v3.8.0
- Support for globally enable/disable tracking for the whole application
v3.7.0
- Support for disable tracking on any page
v3.1.0
- Support for Events
v3.0.0
- Added support for
- ServerSide (pre-rendering)
- ServerSide (runtime)
- WASM (runtime)