Extends Matomo Analytics

_includes/matomo.html

@@ -2,6 +2,7 @@
 <!-- Piwik -->
 <script type="text/javascript">
   var _paq = _paq || [];
+  _paq.push(['trackVisibleContentImpressions']);
   _paq.push(['trackPageView']);
   _paq.push(['enableLinkTracking']);
   (function() {

about/contributing.md

@@ -28,7 +28,7 @@ To contribute to this website, please create a fork of [llnl.github.io](https://
 * Be explicit when opening issues and reporting bugs. What behavior are you expecting? What is your justification or use case for the new feature/enhancement? How can the bug be recreated? What are any environment variables to consider (e.g., browser, OS)?
 
 <!-- START: Accordions Each h2 below will be a separate accordion. -->
-<div class="accordion default border-top-gradient-software-blue-green border-bottom-gradient-software-blue-green">
+<div class="border-top-gradient-software-blue-green border-bottom-gradient-software-blue-green">
 
 {% capture accordionContent %}
 Before you begin, make sure you have working installs of Git, Ruby, and [Bundler](https://bundler.io). After you fork the repo, make sure you are in the directory you just created by running `cd llnl.github.io` Then you can use `bundler` to install the Ruby dependencies (see the [Jekyll installation docs](https://jekyllrb.com/docs/installation/) for step-by-step guides to setting this up):

about/index.md

@@ -34,7 +34,7 @@ LLNL is a Department of Energy ([DOE](https://www.energy.gov/national-laboratori
   </div>
   <div class="col-12 col-lg-6 mb-3">
     <div class="responsive-iframe-container">
-      <iframe class="responsive-iframe" width="50%" src="https://www.youtube.com/embed/nTxMn1NWHQU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+      <iframe class="responsive-iframe" width="50%" src="https://www.youtube.com/embed/nTxMn1NWHQU?enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
     </div>
   </div>
 </div>

assets/js/news/news.js

@@ -82,17 +82,25 @@ angular.module("app", ['tid-custom']).controller("PostController", function($sco
 
     $scope.setCategory = function(category) {
         $scope.activeCategory = category;
+        if (typeof _paq !== 'undefined') {
+            _paq.push(['trackEvent', 'News', 'Category Filter', category]);
+        }
     }
 
     $scope.clearYear = function() {
         $scope.activeYear = null;
     }
 
     $scope.setYear = function(year) {
+        var actionName = year;
         if (year === $scope.activeYear) {
             $scope.clearYear();
+            actionName = 'All';
         } else {
             $scope.activeYear = year;
         }
+        if (typeof _paq !== 'undefined') {
+            _paq.push(['trackEvent', 'News', 'Year Filter', actionName]);
+        }
     }
 });

assets/js/news/release.js

@@ -26,11 +26,16 @@ angular.module("app", ['ngAnimate']).controller("ReleaseController", function($s
     }
 
     $scope.setYear = function(year) {
+        var actionName = year;
         if (year === $scope.activeYear) {
             $scope.clearYear();
+            actionName = 'All';
         } else {
             $scope.activeYear = year;
-        } 
+        }
+        if (typeof _paq !== 'undefined') {
+            _paq.push(['trackEvent', 'Release', 'Year Filter', actionName]);
+        }
     }
 
     $scope.sortByPublishedAt = function(a, b) {