Scalar 2 User's Guide Main Menu Getting Started Explains account and book creation, and some interface basics. QuickStarts A path of all QuickStart content in this user's guide. Working with Media How to get the most out of your use of media in Scalar. Working with Content Creating and editing content in Scalar. Working with Widgets Working with Structure How to use Scalar's many options for structuring publications. Editorial Workflow How to use features for performing editorial review of content. Visualizations Exploring the contents of a book visually. Lenses An introduction to lenses, a tool for searching and visualizing Scalar content. Advanced Topics Describing Scalar's more advanced features. Third Party Plugins and Platforms

Adding Google Analytics tracking (Javascript)

3296
The toughest part of Google Analytics is navigating the Google Analytics' Dashboard. The goal is to create a new "property" for the domain of the Scalar book. This will generate an embed snippet that looks like this:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ABCDEFGHIJK"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push( arguments);}
  gtag('js', new Date());
  gtag('config', 'G-ABCDEFGHIJK');
</script>

In a typical website, you would place this at the top of your site's HTML, inside the head tag. For Scalar, the principle is the same, however, you'll place it in the Custom JavaScript box in Scalar's Dashboard. The problem is, however, that the Custom JavaScript bo in Scalar's Dashboard expects pure JavaScript—HTML tags are not allowed—so the embed snippet above needs to be adjusted a little bit.

First, make note of the Google Analytics code that is present in two places in the above snippet. For this example, that code is "G-ABCDEFGHIJK". Take that code and place it into the following, adjusted snippet:

$.getScript("https://www.googletagmanager.com/gtag/js?id=G-ABCDEFGHIJK", function() {
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-ABCDEFGHIJK');
});


Now, take this adjusted snippet and cut-and-paste into the Custom JavaScript box in Scalar's Dashboard. That's it! You should start seeing results in Google Analytics after 12-24 hours.

This page has paths:

  1. Advanced Topics Curtis Fletcher