[ENG-6958] Add pageload logging for datacite (#10940)

 * When viewing a page with an assigned DOI, log a view count to datacite.

---------

Co-authored-by: Fitz Elliott <[email protected]>

Author: opaduchak

website/settings/defaults.py

@@ -345,6 +345,10 @@ def parent_dir(path):
 DATACITE_URL = 'https://mds.datacite.org'
 DATACITE_PREFIX = '10.70102'  # Datacite's test DOI prefix -- update in production
 
+
+# OSF's RepoId on Datacite to track stats for DOIs. See https://support.datacite.org/docs/datacite-usage-tracker.
+DATACITE_TRACKER_REPO_ID = None
+
 # crossref
 CROSSREF_USERNAME = None
 CROSSREF_PASSWORD = None

website/static/js/components/tracker.js

@@ -0,0 +1,25 @@
+function trackView(doi) {
+
+    const payload = {
+        n: 'view',
+        u: window.location.href,
+        i: window.contextVars.dataciteTrackerRepoId,
+        p: doi,
+    };
+    const r = new XMLHttpRequest();
+    r.open('POST', `https://analytics.datacite.org/api/metric`, true);
+    r.setRequestHeader('Content-Type', 'application/json');
+    r.send(JSON.stringify(payload));
+    r.onreadystatechange = () => {
+        if (r.readyState !== 4)
+            return;
+        if (r.status === 400) {
+            console.error('[DataCiteTracker] ' + r.responseText);
+        }
+
+    };
+}
+
+module.exports = {
+    trackView: trackView,
+};

website/static/js/pages/project-dashboard-page.js

@@ -29,7 +29,7 @@ var node = window.contextVars.node;
 var nodeApiUrl = ctx.node.urls.api;
 var nodeCategories = ctx.nodeCategories || [];
 var currentUserRequestState = ctx.currentUserRequestState;
-
+const tracker = require('js/components/tracker');
 
 // Listen for the nodeLoad event (prevents multiple requests for data)
 $('body').on('nodeLoad', function(event, data) {
@@ -42,6 +42,11 @@ $('body').on('nodeLoad', function(event, data) {
         new CitationList('#citationList');
         new CitationWidget('#citationStyleInput', '#citationText');
     }
+
+    if (data.node.identifiers.doi) {
+        tracker.trackView(data.node.identifiers.doi);
+    }
+
     // Initialize nodeControl
     new NodeControl.NodeControl('#projectScope', data, {categories: nodeCategories, currentUserRequestState: currentUserRequestState});
 

website/templates/base.mako

@@ -288,6 +288,14 @@
             </script>
         % endif
 
+        % if settings.DATACITE_TRACKER_REPO_ID:
+            <script>
+                window.contextVars = $.extend(true, {}, window.contextVars, {
+                    dataciteTrackerRepoId: ${ settings.DATACITE_TRACKER_REPO_ID | sjson, n },
+                });
+            </script>
+        % endif
+
 
         ${self.javascript_bottom()}
     </body>