govuk_publishing_components 30.6.1 → 30.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 06ca4d601d0b03adb4b547798eaffae4455c9fa854e97172bce34fe6164cbd2f
-  data.tar.gz: 7cb234f6d40408729f077a5c5faacf7d878300fca110d5d56847e7efeee78dcc
+  metadata.gz: 5541caeb04840db83172565a1e2f4f8f572850a113132c5e67d3d46ab00caf1e
+  data.tar.gz: 81d4933ed8632f6bcc89a575a7a208e4575b7a842d0aa844bbfce317a69de9f9
 SHA512:
-  metadata.gz: bf986be244673e1346c95d129993a51beea17104ff5e2deba9e454f3eb4299d2c4961651e8a5fe1fde162bf95348024d72cc58465f81fb8bda7466cd2d3ea42c
-  data.tar.gz: 6c1b7d356bf4cf208ca53379b26c07e1b815f0324a5a5ad16be3762c0388c497a7a4b5737df73e0b4bb9775979a81ab255a8b2b8a1da978b1c7b5a4b39cef610
+  metadata.gz: 6f8eea00f619818ebbbf6f83a3ffcb63b7d06c62dda8f45aab579f2b13ae363864ff8dbd4cabdcdac331e1fa95174660a9709e845b972aa06c6be8c9f550d439
+  data.tar.gz: da2bb07ca8ab25c753f29af58965afb1dea0cfd781f57e7aea2129fce4a26db90346858341f7d9ba7adb572b5f7867db3a45586d487b56b5b98e151d9932d21b

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-enhanced-ecommerce-tracker.js

@@ -0,0 +1,141 @@
+// = require govuk/vendor/polyfills/Element/prototype/closest.js
+;(function (global) {
+  'use strict'
+
+  var GOVUK = global.GOVUK || {}
+  GOVUK.analyticsGA4 = GOVUK.analyticsGA4 || {}
+
+  GOVUK.analyticsGA4.Ga4EnhancedEcommerceTracker = {
+    PIIRemover: new GOVUK.analyticsGA4.PIIRemover(),
+    DEFAULT_LIST_TITLE: 'Site search results',
+
+    init: function (isNewPageLoad) {
+      if (window.dataLayer) {
+        this.searchResultsBlocks = document.querySelectorAll('[data-ga4-ecommerce]')
+        this.isNewPageLoad = isNewPageLoad
+
+        if (!this.searchResultsBlocks.length === 0) {
+          return
+        }
+
+        /* If the results are updated by JS, the URL of the page will change and this needs to be visible to PA's,
+        hence the pageView object push to the dataLayer. We do not need to send a pageView object on page load as
+        this is handled elsewhere. */
+        if (!this.isNewPageLoad) {
+          var pageViewTracker = window.GOVUK.analyticsGA4.analyticsModules.PageViewTracker
+
+          if (pageViewTracker) {
+            pageViewTracker.init()
+          }
+        }
+
+        for (var i = 0; i < this.searchResultsBlocks.length; i++) {
+          this.trackSearchResults(this.searchResultsBlocks[i])
+
+          if (this.isNewPageLoad) {
+            this.searchResultsBlocks[i].addEventListener('click', this.handleClick.bind(this))
+          }
+        }
+      }
+    },
+
+    trackSearchResults: function (searchResultsBlock) {
+      var schema = this.populateEcommerceSchema(searchResultsBlock, false, null)
+
+      this.clearPreviousEcommerceObject()
+      window.dataLayer.push(schema)
+    },
+
+    handleClick: function (event) {
+      var searchResultsBlock = event.target.closest('[data-ga4-ecommerce]')
+      var isSearchResult = event.target.getAttribute('data-ecommerce-path')
+
+      if (isSearchResult) {
+        var searchResult = event.target
+        var schema = this.populateEcommerceSchema(searchResultsBlock, true, searchResult)
+
+        this.clearPreviousEcommerceObject()
+        window.dataLayer.push(schema)
+      }
+    },
+
+    populateEcommerceSchema: function (searchResultsBlock, searchResultClicked, searchResult) {
+      // Limiting to 100 characters to avoid noise from extra long search queries and to stop the size of the payload going over 8k limit.
+      var searchQuery = this.PIIRemover.stripPII(searchResultsBlock.getAttribute('data-search-query')).substring(0, 100).toLowerCase()
+      var variant = searchResultsBlock.getAttribute('data-ecommerce-variant') || undefined
+      var ecommerceRows = searchResultsBlock.querySelectorAll('[data-ecommerce-row]')
+      var listTitle = searchResultsBlock.getAttribute('data-list-title') || this.DEFAULT_LIST_TITLE
+      var startPosition = parseInt(searchResultsBlock.getAttribute('data-ecommerce-start-index'), 10)
+
+      var ecommerceObject = {
+        event: 'search_results',
+        search_results: {
+          event_name: searchResultClicked && searchResult ? 'select_item' : 'view_item_list',
+          term: searchQuery,
+          sort: variant,
+          results: this.getResultsCount(searchResultsBlock),
+          ecommerce: {
+            items: []
+          }
+        }
+      }
+
+      // Populate items array
+      if (searchResultClicked && searchResult) {
+        ecommerceObject.search_results.ecommerce.items.push({
+          item_id: searchResult.getAttribute('data-ecommerce-path'),
+          item_name: searchResult.textContent,
+          item_list_name: listTitle,
+          index: this.getIndex(searchResult, startPosition)
+        })
+
+        ecommerceObject.event_data = {
+          external: GOVUK.analyticsGA4.analyticsModules.Ga4LinkTracker.isExternalLink(searchResult.getAttribute('data-ecommerce-path')) ? 'true' : 'false'
+        }
+      } else {
+        for (var i = 0; i < ecommerceRows.length; i++) {
+          var ecommerceRow = ecommerceRows[i]
+          var path = ecommerceRow.getAttribute('data-ecommerce-path')
+
+          /* If the element does not have a data-ecommerce-index attribute, we set one so that we can use it later when setting the index property
+          on the ecommerce object. This for loop will always run on page load and so data-ecommerce-index will be available when we use it in the
+          initial if block above that checks if a search result has been clicked. */
+          if (!ecommerceRow.getAttribute('data-ecommerce-index')) {
+            ecommerceRow.setAttribute('data-ecommerce-index', i + 1)
+          }
+
+          ecommerceObject.search_results.ecommerce.items.push({
+            item_id: path,
+            item_list_name: listTitle,
+            index: this.getIndex(ecommerceRow, startPosition)
+          })
+        }
+      }
+
+      return ecommerceObject
+    },
+
+    getIndex: function (element, startPosition) {
+      return parseInt(element.getAttribute('data-ecommerce-index')) + startPosition - 1
+    },
+
+    clearPreviousEcommerceObject: function () {
+      window.dataLayer.push({ search_results: { ecommerce: null } })
+    },
+
+    getResultsCount: function (searchResultsBlock) {
+      // This returns a string e.g. '12,345 results'. Therefore to extract the number, we need to remove the comma and split the string at the space
+      var resultsCount = searchResultsBlock.querySelector('#js-result-count')
+
+      if (!resultsCount) {
+        return null
+      }
+
+      resultsCount = resultsCount.textContent.replace(',', '')
+      resultsCount = resultsCount.split(' ')[0]
+      return parseInt(resultsCount)
+    }
+  }
+
+  global.GOVUK = GOVUK
+})(window)

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-link-tracker.js

@@ -7,15 +7,23 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
   'use strict'
 
   var Ga4LinkTracker = {
-    init: function () {
+    init: function (config) {
       if (window.dataLayer) {
-        this.internalLinksDomain = 'www.gov.uk/'
-        this.internalLinksDomainWithoutWww = 'gov.uk/'
+        config = config || {}
+        this.internalDomains = config.internalDomains || []
+        this.internalDomains.push(this.getHostname())
+        this.appendDomainsWithoutWWW(this.internalDomains)
+        this.internalDownloadPaths = config.internalDownloadPaths || ['/government/uploads/']
+        this.dedicatedDownloadDomains = config.dedicatedDownloadDomains || ['assets.publishing.service.gov.uk']
+        this.appendDomainsWithoutWWW(this.dedicatedDownloadDomains)
         this.handleClick = this.handleClick.bind(this)
         this.handleMousedown = this.handleMousedown.bind(this)
-        document.querySelector('body').addEventListener('click', this.handleClick)
-        document.querySelector('body').addEventListener('contextmenu', this.handleClick)
-        document.querySelector('body').addEventListener('mousedown', this.handleMousedown)
+
+        if (!config.disableListeners) {
+          document.querySelector('body').addEventListener('click', this.handleClick)
+          document.querySelector('body').addEventListener('contextmenu', this.handleClick)
+          document.querySelector('body').addEventListener('mousedown', this.handleMousedown)
+        }
       }
     },
 
@@ -43,25 +51,52 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
         return
       }
 
-      if (this.isMailToLink(href)) {
+      var linkAttributes = element.getAttribute('data-ga4-link')
+      if (linkAttributes) {
+        linkAttributes = JSON.parse(linkAttributes)
+        clickData = window.GOVUK.extendObject(clickData, linkAttributes)
+
+        /* Since external links can't be determined in the template, we use populated-via-js as a signal
+        for our JavaScript to determine this value. */
+        if (clickData.external === 'populated-via-js' && clickData.url) {
+          clickData.external = this.isExternalLink(clickData.url) ? 'true' : 'false'
+        }
+
+        if (clickData.link_method === 'populated-via-js') {
+          clickData.link_method = this.getClickType(event)
+        }
+
+        if (clickData.index) {
+          clickData.index = parseInt(linkAttributes.index)
+        }
+
+        if (clickData.index_total) {
+          clickData.index_total = parseInt(linkAttributes.index_total)
+        }
+      } else if (this.isMailToLink(href)) {
         clickData.event_name = 'navigation'
         clickData.type = 'email'
         clickData.external = 'true'
+        clickData.url = href
+        clickData.text = element.textContent.trim()
+        clickData.link_method = this.getClickType(event)
       } else if (this.isDownloadLink(href)) {
         clickData.event_name = 'file_download'
         clickData.type = this.isPreviewLink(href) ? 'preview' : 'generic download'
-        clickData.external = 'true'
+        clickData.external = this.isExternalLink(href) ? 'true' : 'false'
+        clickData.url = href
+        clickData.text = element.textContent.trim()
+        clickData.link_method = this.getClickType(event)
       } else if (this.isExternalLink(href)) {
         clickData.event_name = 'navigation'
         clickData.type = 'generic link'
         clickData.external = 'true'
-      }
-
-      if (Object.keys(clickData).length > 0) {
-        clickData.text = element.textContent.trim()
         clickData.url = href
+        clickData.text = element.textContent.trim()
         clickData.link_method = this.getClickType(event)
+      }
 
+      if (Object.keys(clickData).length > 0) {
         var schema = new window.GOVUK.analyticsGA4.Schemas().eventSchema()
         schema.event = 'event_data'
 
@@ -77,6 +112,17 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
       }
     },
 
+    appendDomainsWithoutWWW: function (domainsArrays) {
+      // Add domains with www. removed, in case site hrefs are marked up without www. included.
+      for (var i = 0; i < domainsArrays.length; i++) {
+        var domain = domainsArrays[i]
+        if (this.stringStartsWith(domain, 'www.')) {
+          var domainWithoutWww = domain.replace('www.', '')
+          domainsArrays.push(domainWithoutWww)
+        }
+      }
+    },
+
     getClickType: function (event) {
       switch (event.type) {
         case 'click':
@@ -84,6 +130,8 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
             return 'ctrl click'
           } else if (event.metaKey) {
             return 'command/win click'
+          } else if (event.shiftKey) {
+            return 'shift click'
           } else {
             return 'primary click'
           }
@@ -106,29 +154,36 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
     },
 
     isDownloadLink: function (href) {
-      var assetsDomain = 'assets.publishing.service.gov.uk/'
-      var uploadsPath = '/government/uploads/'
-
-      if (this.hrefPointsToDomain(href, assetsDomain)) {
+      if (this.isInternalLink(href) && this.hrefPointsToDownloadPath(href)) {
         return true
       }
 
-      var isInternalLink = this.hrefPointsToDomain(href, this.internalLinksDomain) || this.hrefPointsToDomain(href, this.internalLinksDomainWithoutWww)
-      if (isInternalLink && href.indexOf(uploadsPath) !== -1) {
-        return true
+      var result = false
+      for (var i = 0; i < this.dedicatedDownloadDomains.length; i++) {
+        var downloadDomain = this.dedicatedDownloadDomains[i]
+        if (this.hrefPointsToDomain(href, downloadDomain)) {
+          result = true
+        }
       }
+      return result
+    },
 
-      // Checks relative links to the uploadsPath
-      if (this.stringStartsWith(href, uploadsPath)) {
+    isInternalLink: function (href) {
+      if (this.hrefIsRelative(href) || this.hrefIsAnchor(href)) {
         return true
       }
+      var result = false
+      for (var i = 0; i < this.internalDomains.length; i++) {
+        var internalDomain = this.internalDomains[i]
+        if (this.hrefPointsToDomain(href, internalDomain)) {
+          result = true
+        }
+      }
+      return result
     },
 
     isExternalLink: function (href) {
-      var isInternalLink = this.hrefPointsToDomain(href, this.internalLinksDomain) || this.hrefPointsToDomain(href, this.internalLinksDomainWithoutWww)
-      if (!isInternalLink && !this.hrefIsRelative(href) && !this.hrefIsAnchor(href)) {
-        return true
-      }
+      return !this.isInternalLink(href)
     },
 
     isPreviewLink: function (href) {
@@ -144,6 +199,19 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
     },
 
     hrefPointsToDomain: function (href, domain) {
+      /* Add a trailing slash to prevent an edge case such
+      as the href www.gov.uk.domain.co.uk being detected as an internal link,
+      if we were checking for 'www.gov.uk' instead of 'www.gov.uk/' */
+      if (domain.substring(domain.length) !== '/') {
+        domain = domain + '/'
+      }
+
+      /* If the href doesn't end in a slash, we add one.
+      This fixes an edge case where the <a href> is exactly `https://www.gov.uk`
+      but these checks would only look for `https://www.gov.uk/` */
+      if (href.substring(href.length) !== '/') {
+        href = href + '/'
+      }
       var httpDomain = 'http://' + domain
       var httpsDomain = 'https://' + domain
       var schemaRelativeDomain = '//' + domain
@@ -153,6 +221,17 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
       this.stringStartsWith(href, schemaRelativeDomain)
     },
 
+    hrefPointsToDownloadPath: function (href) {
+      var result = false
+      for (var i = 0; i < this.internalDownloadPaths.length; i++) {
+        var internalDownloadPath = this.internalDownloadPaths[i]
+        if (href.indexOf(internalDownloadPath) !== -1) {
+          result = true
+        }
+      }
+      return result
+    },
+
     stringStartsWith: function (string, stringToFind) {
       return string.substring(0, stringToFind.length) === stringToFind
     },
@@ -164,6 +243,10 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
 
     hrefIsAnchor: function (href) {
       return href[0] === '#'
+    },
+
+    getHostname: function () {
+      return window.location.hostname
     }
   }
 

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-page-views.js

@@ -7,7 +7,7 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
 
   var PageViewTracker = {
     PIIRemover: new window.GOVUK.analyticsGA4.PIIRemover(), // imported in analytics-ga4.js
-    nullValue: null,
+    nullValue: undefined,
 
     init: function () {
       if (window.dataLayer) {
@@ -102,7 +102,7 @@ window.GOVUK.analyticsGA4.analyticsModules = window.GOVUK.analyticsGA4.analytics
     // return only the date from given timestamps of the form
     // 2022-03-28T19:11:00.000+00:00
     stripTimeFrom: function (value) {
-      if (value !== null) {
+      if (value !== undefined) {
         return value.split('T')[0]
       } else {
         return this.nullValue

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-schemas.js

@@ -4,24 +4,24 @@
   var GOVUK = global.GOVUK || {}
 
   var Schemas = function () {
-    this.null = null
+    this.undefined = undefined
   }
 
   Schemas.prototype.eventSchema = function () {
     return {
-      event: this.null,
+      event: this.undefined,
 
       event_data: {
-        event_name: this.null,
-        type: this.null,
-        url: this.null,
-        text: this.null,
-        index: this.null,
-        index_total: this.null,
-        section: this.null,
-        action: this.null,
-        external: this.null,
-        link_method: this.null
+        event_name: this.undefined,
+        type: this.undefined,
+        url: this.undefined,
+        text: this.undefined,
+        index: this.undefined,
+        index_total: this.undefined,
+        section: this.undefined,
+        action: this.undefined,
+        external: this.undefined,
+        link_method: this.undefined
       }
     }
   }

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4.js

@@ -5,4 +5,5 @@
 //= require ./analytics-ga4/ga4-page-views
 //= require ./analytics-ga4/ga4-link-tracker
 //= require ./analytics-ga4/ga4-event-tracker
+//= require ./analytics-ga4/ga4-enhanced-ecommerce-tracker
 //= require ./analytics-ga4/init-ga4

data/app/assets/javascripts/govuk_publishing_components/lib/cookie-functions.js

@@ -30,7 +30,10 @@
     _gid: 'usage',
     _gat: 'usage',
     'JS-Detection': 'usage',
-    TLSversion: 'usage'
+    TLSversion: 'usage',
+    _ga_VBLT2V3FZR: 'usage', // gtag cookie used to persist the session state, integration
+    _ga_P1DGM6TVYF: 'usage', // staging
+    _ga_S5RQ7FTGVR: 'usage' // production
   }
 
   /*

data/app/views/govuk_publishing_components/components/_feedback.html.erb

@@ -8,7 +8,7 @@
   path_without_pii = utf_encode(request.fullpath.gsub(email_regex, '[email]'))
 %>
 
-<div class="gem-c-feedback govuk-!-display-none-print" data-module="feedback">
+<div class="gem-c-feedback govuk-!-display-none-print" data-module="feedback ga4-event-tracker">
   <%= render "govuk_publishing_components/components/feedback/yes_no_banner" %>
   <%= render "govuk_publishing_components/components/feedback/problem_form", url_without_pii: url_without_pii %>
   <%= render "govuk_publishing_components/components/feedback/survey_signup_form", path_without_pii: path_without_pii %>

data/app/views/govuk_publishing_components/components/_share_links.html.erb

@@ -2,6 +2,7 @@
   links ||= []
   title ||= false
   track_as_sharing ||= false
+  track_as_follow ||= false
   stacked ||= false
   columns ||= false
 
@@ -23,7 +24,7 @@
     <% end %>
 
     <ul class="gem-c-share-links__list">
-      <% links.each do |link| %>
+      <% links.each_with_index do |link, index| %>
         <% link_text = capture do %>
           <span class="govuk-visually-hidden">
             <% if link[:hidden_text] %>
@@ -42,6 +43,26 @@
                 'socialNetwork': link[:icon],
                 'socialTarget': link[:href]
               }
+              ga4_link_data = {
+                'event_name': 'share',
+                'type': 'share this page',
+                'index': index + 1,
+                'index_total': links.length,
+                'text': link[:icon],
+                'link_method': 'populated-via-js'
+              }
+            end
+            if track_as_follow
+              ga4_link_data = {
+                'event_name': 'navigation',
+                'type': 'follow us',
+                'index': index + 1,
+                'index_total': links.length,
+                'text': link[:text],
+                'external': 'populated-via-js',
+                'url': link[:href],
+                'link_method': 'populated-via-js'
+              }
             end
           %>
           <%= link_to link[:href],
@@ -50,7 +71,8 @@
             data: {
               'track-category': 'social media',
               'track-action': link[:icon],
-              'track-options': track_options
+              'track-options': track_options,
+              'ga4-link': ga4_link_data
             },
             class: "govuk-link govuk-link--no-underline gem-c-share-links__link #{brand_helper.color_class}" do %>
             <span class="gem-c-share-links__link-icon">

data/app/views/govuk_publishing_components/components/docs/share_links.yml

@@ -45,7 +45,7 @@ examples:
     context:
       right_to_left: true
   track_as_sharing_links:
-    description: Where the component is used to allow users to share content on social media, tracking can be added that uses [Social Interactions](https://developers.google.com/analytics/devguides/collection/analyticsjs/social-interactions). If this option is not included, it is assumed the component is simply linking to social media pages and the extra options are omitted from the tracking call.
+    description: Where the component is used to allow users to share content on social media, tracking can be added that uses [Social Interactions](https://developers.google.com/analytics/devguides/collection/analyticsjs/social-interactions) in UA. If this option is not included, it is assumed the component is simply linking to social media pages and the extra options are omitted from the tracking call in UA. In GA4, when this is set to true, a JSON is added to a data-attribute called data-ga4-link, which is detected by ga4-link-tracker.js and pushed to the dataLayer.
     data:
       track_as_sharing: true
       links: [
@@ -53,7 +53,28 @@ examples:
           href: 'share',
           text: 'Share on Facebook',
           icon: 'facebook'
-        }
+        },
+        {
+          href: 'share',
+          text: 'Share on Twitter',
+          icon: 'twitter'
+        },
+      ]
+  track_as_follow_links:
+    description: Where the component is used to allow users to follow us on social media, tracking can be added. When this is set to true, a JSON is added to a data-attribute called data-ga4-link, which is detected by ga4-link-tracker.js and pushed to the dataLayer.
+    data:
+      track_as_follow: true
+      links: [
+        {
+          href: 'follow',
+          text: 'Follow us on Facebook',
+          icon: 'facebook'
+        },
+        {
+          href: 'follow',
+          text: 'Follow us on Twitter',
+          icon: 'twitter'
+        },
       ]
   with_title:
     data:

data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb

@@ -20,12 +20,12 @@
         <% end %>
       </li>
       <li class="gem-c-feedback__option-list-item">
-        <button class="govuk-button gem-c-feedback__prompt-link js-page-is-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffYesClick">
+        <button class="govuk-button gem-c-feedback__prompt-link js-page-is-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffYesClick" data-ga4='{"event_name":"form_submit","type":"feedback","text":"Yes", "section": "Is this page useful?"}'>
           <%= t("components.feedback.yes") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_useful") %></span>
         </button>
       </li>
       <li class="gem-c-feedback__option-list-item">
-        <button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-page-is-not-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffNoClick" aria-controls="page-is-not-useful" aria-expanded="false">
+        <button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-page-is-not-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffNoClick" aria-controls="page-is-not-useful" aria-expanded="false" data-ga4='{"event_name":"form_submit","type":"feedback","text":"No", "section": "Is this page useful?"}'>
           <%= t("components.feedback.no") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_not_useful") %></span>
         </button>
       </li>

data/config/locales/en.yml

@@ -232,12 +232,12 @@ en:
       navigation_search_heading: Search and popular pages
       navigation_search_subheading: Search
       popular_links:
-      - label: 'Her Majesty Queen Elizabeth II'
-        href: '/government/topical-events/her-majesty-queen-elizabeth-ii'
       - label: 'Check benefits and financial support you can get'
         href: '/check-benefits-financial-support'
       - label: 'Limits on energy prices: Energy Price Guarantee'
         href: '/government/publications/energy-bills-support/energy-bills-support-factsheet-8-september-2022'
+      - label: 'Find a job'
+        href: '/find-a-job'
       - label: 'Coronavirus (COVID-19)'
         href: '/coronavirus'
       - label: 'Universal Credit account: sign in'
@@ -295,11 +295,11 @@ en:
         title: Invasion of Ukraine
         links:
         - label: "UK visa support for Ukrainian nationals"
-          href:  "https://www.gov.uk/guidance/support-for-family-members-of-british-nationals-in-ukraine-and-ukrainian-nationals-in-ukraine-and-the-uk"       
+          href:  "https://www.gov.uk/guidance/support-for-family-members-of-british-nationals-in-ukraine-and-ukrainian-nationals-in-ukraine-and-the-uk"
         - label: "Move to the UK if you're coming from Ukraine"
           href:  "https://www.gov.uk/guidance/move-to-the-uk-if-youre-from-ukraine"
         - label: "Homes for Ukraine: record your interest"
-          href:  "https://www.gov.uk/register-interest-homes-ukraine"       
+          href:  "https://www.gov.uk/register-interest-homes-ukraine"
         - label: "Find out about the UK’s response"
           href:  "https://ukstandswithukraine.campaign.gov.uk/"
       world_locations: World locations

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "30.6.1".freeze
+  VERSION = "30.7.1".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 30.6.1
+  version: 30.7.1
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-09-16 00:00:00.000000000 Z
+date: 2022-09-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -437,6 +437,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/all_components.js
 - app/assets/javascripts/govuk_publishing_components/analytics-ga4.js
 - app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-core.js.erb
+- app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-enhanced-ecommerce-tracker.js
 - app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-event-tracker.js
 - app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-link-tracker.js
 - app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-page-views.js