#scrolltracking

[cssscriptcom]

Scroll Depth Tracking in JavaScript - ScrollTracker

ScrollTracker is a lightweight JavaScript library that tracks scroll depth on web pages. It dispatches events at specified scroll points and is compatible with both vanilla JavaScript and React. Designed for performance, it uses debouncing to minimize impact and works perfectly with modern and legacy browsers. This library can be useful for analyzing user engagement, optimizing content placement,…

[lexicontalk]

Are you tracking people scrolling on your website? Learn how to track scroll depth with Google Tag Manager. You'll learn all about the new scroll depth triggers and variables that you can use to send data to Google Analytics.

[mindgeekblog]

Solved: Tracking Virtual PageView via Google Tag Manager

What is the requirement of Virtual Page Views?

While working on a single page website(SPA) or any JavaScript based(ReactJS, AngularJS, BackBoneJS, etc) websites, the interactions of user actions are not straight forward and most of the content is rendered via JavaScript AJAX calls, without reloading the page.

Virtual Pageview: It's not really a page view but are user actions which are tracked like the real page views. Some examples of them are: - Infinite Scroll, Load more, Pagination.

- Lightbox, Modal box.

Events which are the core feature of Google Analytics allows tracking user interactions based on specific triggers. Now, I'll Show you how you can track the virtual pageviews with GTM(Google Tag Manager) V2:

1. Firstly, we need to setup Google Tag Manager and its container.

2. Setup GTM Data Layer Variables required:

Go to Variables -> User Defined Variables -> New

Setup variable named "virtualPageURL":

Setup variable named "virtualPageTitle":

Here the variables created for Virtual Pageview:

3. Setup GTM Virtual PageView Trigger:

Go to Triggers -> New

Choose Event as "Custom Event" and complete the required details:

4. On the website put the tracking javascript as per the requirement(load more, ajax infinite scroll, lightbox):

<script type="text/javascript">   dataLayer.push({      'event':'VirtualPageview',      'virtualPageURL':'/category/news/page/2',      'virtualPageTitle':'News Page - 2' }); </script>

5. Finally Setup the GTM Virtual PageView Tag:

Go to Tags -> New

- Create a Google Universal Analytics Tag.

- Insert Tracking ID

- Track Type: Page View

- Expand More settings, Fields to set:

page : {{virtualPageUrl}}

title: {{virtualPageTitle}}

-  Select Firing Trigger to "Virtual Page View Trigger".

Save and Publish.

Check Google Analytics Real-time Content Dashboard for the triggered page views now.

[mousecomputerrun]

(^^) A4 Tech WWT-13 Advanced 4D Trackball Scrolltrack Mouse PS2 and Serial Connection https://ift.tt/2VAYeIE