Skip to content
This repository has been archived by the owner on Aug 21, 2024. It is now read-only.

Commit

Permalink
Update plugin docs report visualizations
Browse files Browse the repository at this point in the history
  • Loading branch information
philipwalton committed Feb 6, 2017
1 parent 9ba3504 commit 6713cbd
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 1 deletion.
8 changes: 7 additions & 1 deletion docs/plugins/max-scroll-tracker.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,14 @@ For each page on your site, the `maxScrollTracker` plugin tracks how far down th

The max scroll percentage amounts are calculated on a per-session basis, which means that once a user has scrolled to 100% for a particular page, tracking for that page stops and will only resume when a new session starts.

The following sample reports show how you can use the `maxScrollTracker` plugin to more accurately measure user engagement with your content.
The following example reports show how you can use the `maxScrollTracker` plugin to more accurately measure user engagement with your content:

**Top pages by scroll depth:**

![max-scroll-page](https://cloud.githubusercontent.com/assets/326742/22574480/e630a590-e963-11e6-9c3d-a201d44aa177.png)

**Traffic origins (source/medium) resulting in the highest scroll engagement:**

![max-scroll-source-medium](https://cloud.githubusercontent.com/assets/326742/22574481/e634ef24-e963-11e6-8017-5f6df1d6c55c.png)

### How it works
Expand All @@ -20,6 +24,8 @@ The `maxScrollTracker` plugin listens for [`scroll`](https://developer.mozilla.o

Tracking the scroll depth as a metric allows you can do calculations and report on things like *Avg. Max Scroll Percentage* along with any dimension (e.g. *Campaign Source*, *Referrer*, *Device Category*, etc.), not just page-level dimensions.

**Important:** the `maxScrollTracker` plugin works best on pages whose height doesn't change once the page has loaded. It is not recommended to use `maxScrollTracker` on pages that use techniques like infinite scroll.

## Usage

To enable the `maxScrollTracker` plugin, run the [`require`](https://developers.google.com/analytics/devguides/collection/analyticsjs/using-plugins) command, specify the plugin name `'maxScrollTracker'`, and pass in any configuration options (if any) you wish to set:
Expand Down
10 changes: 10 additions & 0 deletions docs/plugins/outbound-link-tracker.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,16 @@ The `outboundLinkTracker` plugin automatically detects when links are clicked to

Historically, outbound link tracking has been tricky to implement because most browsers stop executing JavaScript on the current page once a link that requests a new page is clicked. The `outboundLinkTracker` plugin handles these complications for you.

The following example reports show how you can use the `outboundLinkTracker` plugin to see what links users are clicking on your site:

**Top outbound link clicks by URL:**

![outbound-link-event-label](https://cloud.githubusercontent.com/assets/326742/22665972/bee5c654-ec6b-11e6-9d03-1cea4c936ce6.png)

**Breakdown of click type for a single link:**

![outbound-link-event-action](https://cloud.githubusercontent.com/assets/326742/22665973/bee64fd4-ec6b-11e6-97d3-166598d3d698.png)

## Usage

To enable the `outboundLinkTracker` plugin, run the [`require`](https://developers.google.com/analytics/devguides/collection/analyticsjs/using-plugins) command, specify the plugin name `'outboundLinkTracker'`, and pass in any configuration options (if any) you wish to set:
Expand Down
4 changes: 4 additions & 0 deletions docs/plugins/page-visibility-tracker.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,12 @@ The `pageVisibilityTracker` plugin also calculates how long a given page was in

The following sample reports show how you can use the `pageVisibilityTracker` plugin to more accurately measure user engagement with your content.

**Top pages by visible time:**

![page-visibility-page](https://cloud.githubusercontent.com/assets/326742/22574482/e635b26a-e963-11e6-95d4-25b7face7621.png)

**Traffic origins (source/medium) resulting in the longest visible sessions:**

![page-visibility-source-medium](https://cloud.githubusercontent.com/assets/326742/22574483/e636607a-e963-11e6-928a-4c49948bf8d8.png)

### How it works
Expand Down

0 comments on commit 6713cbd

Please sign in to comment.