✨ Register Tracking Handler API for wp-dashboard

GoogleForCreators · Jan 17, 2024 · e45af01 · e45af01
1 parent ae0b9f9
commit e45af01
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/packages/wp-dashboard/src/api/reducers/settings.js b/packages/wp-dashboard/src/api/reducers/settings.js
@@ -20,6 +20,7 @@ import {
   AD_NETWORK_TYPE,
   ARCHIVE_TYPE,
   SHOPPING_PROVIDER_TYPE,
+  GOOGLE_ANALYTICS_HANDLER_TYPE,
 } from '../../constants';
 
 export const ACTION_TYPES = {
@@ -49,6 +50,7 @@ export const defaultSettingsState = {
   shopifyAccessToken: '',
   autoAdvance: true,
   defaultPageDuration: 7,
+  googleAnalyticsHandler: GOOGLE_ANALYTICS_HANDLER_TYPE.SITE_KIT,
 };
 
 function settingsReducer(state, action) {
@@ -89,6 +91,7 @@ function settingsReducer(state, action) {
         shopifyAccessToken: action.payload.shopifyAccessToken,
         autoAdvance: action.payload.autoAdvance,
         defaultPageDuration: action.payload.defaultPageDuration,
+        googleAnalyticsHandler: action.payload.googleAnalyticsHandler,
       };
     }
 

diff --git a/packages/wp-dashboard/src/api/settings.js b/packages/wp-dashboard/src/api/settings.js
@@ -46,6 +46,7 @@ const transformSettingResponse = (response) => ({
   shopifyAccessToken: response.web_stories_shopify_access_token,
   autoAdvance: Boolean(response.web_stories_auto_advance),
   defaultPageDuration: response.web_stories_default_page_duration,
+  googleAnalyticsHandler: response.web_stories_ga_tracking_handler,
 });
 
 /**
@@ -86,6 +87,7 @@ export function updateSettings(apiPath, queryParams) {
     shopifyAccessToken,
     autoAdvance,
     defaultPageDuration,
+    googleAnalyticsHandler,
   } = queryParams;
 
   const query = {};
@@ -154,6 +156,10 @@ export function updateSettings(apiPath, queryParams) {
     query.web_stories_default_page_duration = defaultPageDuration;
   }
 
+  if (googleAnalyticsHandler !== undefined) {
+    query.web_stories_ga_tracking_handler = googleAnalyticsHandler;
+  }
+
   const path = addQueryArgs(apiPath, query);
 
   return apiFetch({

diff --git a/packages/wp-dashboard/src/constants/settings.js b/packages/wp-dashboard/src/constants/settings.js
@@ -54,3 +54,9 @@ export const SHOPPING_PROVIDER_TYPE = {
   WOOCOMMERCE: 'woocommerce',
   SHOPIFY: 'shopify',
 };
+
+export const GOOGLE_ANALYTICS_HANDLER_TYPE = {
+  SITE_KIT: 'site-kit',
+  WEB_STORIES: 'web-stories',
+  BOTH: 'both',
+};