Blog posts by Manh Hung Nguyen2023-04-12T08:56:36.0000000Zhttps://world.optimizely.com/blogs/manh-hung-nguyen/Optimizely WorldEPiServer.GoogleAnalytics now support Google Analytics GA4<p>As you know Google Analytics 4 is replacing Universal Analytics. On July 1, 2023, your Universal Analytics properties will stop collecting data. Only GA4 properties will collect data after July 1.</p>
<p>We have just released the latest version of the EPiServer.GoogleAnalytics package, version 4.0, in which you can now display GA4 analytics data on your site. And note that with this version 4.0, you will only be able to use it with a Google Analytics account that has already added the GA4 property. Instructions for migrating data from Universal Analytics to Google Analytics 4 can be found <a href="https://support.google.com/analytics/answer/10759417">here.</a></p>
<h3><img src="/link/582085e26a49485dac8885df2d2fe2c7.aspx" width="778" height="562" /></h3>
<h3>Installation</h3>
<p>* Install from <a href="https://api.nuget.optimizely.com/packages/episerver.googleanalytics/4.0.0">Optimizely nuget</a></p>
<h3>Setting up tracking script</h3>
<p>* Add MeasurementId:</p>
<p>Step 1: Get your MeasurementId:</p>
<p><strong>Go to Google Analytics > Admin > Data Streams > Web stream details > Stream details > Copy MEASUREMENT ID</strong></p>
<p><strong><img src="/link/9457cf4396bc487b9ac80c23292ddf67.aspx" width="785" height="370" /></strong></p>
<p>Step 2: Add your MeasurementId to your site:</p>
<p><strong>Go to Edit Mode > Addons > GoogleAnalytics > Admin > Configure Tracking > All Sites > Select Google Analytics 4 > Paste MEASUREMENT ID</strong></p>
<p><strong><img src="/link/7dbc202c604a43a9a8079e5f55dd360a.aspx" width="788" height="516" /></strong></p>
<p>* Custom Tracking Script:</p>
<p><strong>Go to Edit Mode > Addons > GoogleAnalytics > Admin > Configure Tracking > All Sites > Select Custom Tracking Script > Paste this code with your MeasurementId:</strong></p>
<p><strong><img src="/link/3547e0e69ed74e7695182b97c06e550b.aspx" /></strong></p>
<h3>Enable debug mode</h3>
<p>To monitor events from your website as Analytics collects them in DebugView of Google Analytics, add this code in Startup.cs</p>
<p><img src="/link/ba05cdcf031e4defb58f1c73b3dabf3e.aspx" /></p>
<p>For more details about the configuration, you can refer to our <a href="https://docs.developers.optimizely.com/content-management-system/docs/google-analytics-for-optimizely">online documentation</a></p>2023-04-12T08:56:36.0000000ZBlog post