govuk_publishing_components 21.39.0 → 21.40.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ff2fe73b82ef71aeb0ce329e0fb6ab6bb3df3fa73fd537fb0e536d957bb87092
-  data.tar.gz: 5340063122d7e758adf2d00c68812b79857aa5964b31d22d44ff584da4358018
+  metadata.gz: 63dfbf28131b9d02a6fe9cc587901cc54bc4bf7ecdf473d04824732a1c03eee5
+  data.tar.gz: 8415012a0eefb26a1f54ef8e1d2310fc61d02bdec7f43ff9e3041c91dd98ec0b
 SHA512:
-  metadata.gz: 8c04af35d200c2d4b9c0c62f478e0e412972213fc2d68ba5419903bfc822cea426c5e77f4ddf88c58685c38493cffbf222ec80007978108e7045030d684715ff
-  data.tar.gz: 47ece57365deebe9c156b22564477c982d5733414ecbfba42923eff8c7aed42dc38d0c6ddaa5279bf956170ad92266acd2a8751a05888716c1967751c425f7bc
+  metadata.gz: 9e1d62f88bf158b77955d8de348da26f8e409907942f9b2d288134dc39395aa93078d7c39a0b71a432968b73cc74e85fc0198bb134e70da16afcf827dc132688
+  data.tar.gz: 849e4796616742e246dd230e50805c6ad3e7d6d03395c03d10a1a7c5f4fc6e9b2aa2b6ed6381e9a843bdf41e3a28cddd8c702beb66758351a286060d99799783

data/app/assets/javascripts/govuk_publishing_components/components/cookie-banner.js

@@ -17,9 +17,11 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
   }
 
   CookieBanner.prototype.setupCookieMessage = function () {
-    this.$hideLink = this.$module.querySelector('button[data-hide-cookie-banner]')
-    if (this.$hideLink) {
-      this.$hideLink.addEventListener('click', this.$module.hideCookieMessage)
+    this.$hideLinks = this.$module.querySelectorAll('button[data-hide-cookie-banner]')
+    if (this.$hideLinks && this.$hideLinks.length) {
+      for (var i = 0; i < this.$hideLinks.length; i++) {
+        this.$hideLinks[i].addEventListener('click', this.$module.hideCookieMessage)
+      }
     }
 
     this.$acceptCookiesLink = this.$module.querySelector('button[data-accept-cookies]')

data/app/assets/javascripts/govuk_publishing_components/lib/govspeak/youtube-link-enhancement.js

@@ -21,17 +21,30 @@
     for (var i = 0; i < $youtubeLinks.length; ++i) {
       var $link = $youtubeLinks[i]
       var href = $link.getAttribute('href')
+      var hasTracking = $link.getAttribute('data-youtube-player-analytics') == "true"
+      var options = {
+        link: $link
+      }
+
+      if (hasTracking) {
+        options.tracking = {
+          hasTracking: hasTracking,
+          category: $link.getAttribute('data-youtube-player-analytics-category')
+        }
+      }
 
       if (href.includes("/live_stream")) {
         var channelId = YoutubeLinkEnhancement.parseLivestream(href)
 
         if (!this.hasDisabledEmbed($link) && channelId) {
-          this.setupVideo({link: $link, channel: channelId})
+          options.channelId = channelId
+          this.setupVideo(options)
         }
       } else {
         var videoId = YoutubeLinkEnhancement.parseVideoId(href)
         if (!this.hasDisabledEmbed($link) && videoId) {
-          this.setupVideo({link: $link, videoId: videoId})
+          options.videoId = videoId
+          this.setupVideo(options)
         }
       }
     }
@@ -94,6 +107,28 @@
             // update iframe title attribute once video is ready
             var videoTitle = options.title
             event.target.f.title = videoTitle + ' (video)'
+          },
+          onStateChange: function (event) {
+            var states = {
+              "-1": "VideoUnstarted",
+              "0": "VideoEnded",
+              "1": "VideoPlaying",
+              "2": "VideoPaused",
+              "3": "VideoBuffering",
+              "5": "VideoCued"
+            }
+
+            if (states[event.data] && options.tracking && options.tracking.hasTracking
+                && window.GOVUK.analytics && window.GOVUK.analytics.trackEvent)
+            {
+              var tracking = {
+                category: options.tracking.category,
+                action: states[event.data],
+                label: { transport: 'beacon', label: event.target.getVideoUrl() }
+              }
+
+              window.GOVUK.analytics.trackEvent(tracking.category, tracking.action, tracking.label)
+            }
           }
         }
       })

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

@@ -33,7 +33,6 @@
   <%= link_to(attachment.title, attachment.url,
               class: "govuk-link",
               target: target,
-              data: data_attributes) %>
-
-  <%= raw("(#{attributes.join(', ')})") if attributes.any? %>
+              data: data_attributes) -%>
+  <%= raw("(#{attributes.join(', ')})") if attributes.any? -%>
 <% end %>

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

@@ -290,6 +290,17 @@ examples:
       block: |
         <p>This content has a YouTube livestream link, converted to an accessible embedded player by component JavaScript.</p>
         <p><a href="https://www.youtube.com/embed/live_stream?channel=UCoMdktPbSTixAyNGwb-UYkQ">Livestream video</a></p>
+  with_youtube_analytics:
+    data:
+      block: |
+        <p>This content has a YouTube link with analytics, converted to an accessible embedded player by component JavaScript.</p>
+        <p>
+          <a href="https://www.youtube.com/watch?v=ucjmWjJ25Ho"
+            data-youtube-player-analytics="true"
+            data-youtube-player-analytics-category="demo-for-components">
+            Youtube video with tracking
+          </a>
+        </p>
   with_youtube_embed_disabled:
     data:
       disable_youtube_expansions: true

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "21.39.0".freeze
+  VERSION = "21.40.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 21.39.0
+  version: 21.40.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-08 00:00:00.000000000 Z
+date: 2020-04-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: gds-api-adapters