Add dataLayer.push() for GTM on dailyidea.com when opening ideas

[ikosovec]

Hey @vedmant , here's the issue we're having with GTM explained. What we would like to achieve here is to track each even when users view an idea (each time).

Issue: Only the first page is tracked.

Why is this happening? The website is basically a Single Page Application (SPA). These complications occur whether you’re using Angular, React, Backbone, or any other front-end framework or code that manipulates the History API or fragment alongside changes to on-page content.

Solution: Developer needs to push the data into the data layer so that a custom event can be set up as a trigger and deployed via GTM.

A single line of code.
Code:
dataLayer.push({event: 'pageview'});

Here the issue is explained in more detail: https://www.bounteous.com/insights/2018/03/30/single-page-applications-google-analytics/

[vedmant]

@ikosovec Ok, actually looks like we had a different issue, we use nuxt module @nuxtjs/gtm for this, and it was put in a wrong place in the config, I just moved it, so it should track all pages.

[vedmant]

@ikosovec The only place it may not work is when swiping between ideas, I'll add manual push for this.

[ikosovec]

Hey!
It looks like the virtual pageview event is not set up right.

Now it is being pushed to the data layer, but not for all the pages of Daily Idea website, but only for the https://www.dailyidea.com/ideas-cards (which can be accessed via "Explore" in the main navigation, and "Get started" button on the homepage).

The event is supposed to be pushed in to the data layer on all the URL-s of the website.

[vedmant]

@ikosovec I made edits, it should be deployed in 20 mins