Track fancybox images with matomo

Tag Manager
1

Only the click on the first thumbnail is being tracked but I would like to track all impressions of images within the fancybox gallery. I tried it with visible elements but somehow it doens’t record anything.

Could anyone point me in the right direction. I suppose it’s the same for all kinds of lightbox galleries.

Kind regards

2

Hi,

Check out the API section of the fancybox docs.
It tells you that you can listen to the event that an image is being viewed with

$("[data-fancybox]").fancybox({
    afterShow: function( instance, slide ) {
        console.log("slide is being viewed")
    }
});

So all you need to do to track an event in Matomo is to replace the console.log with something similar to _paq.push(['trackEvent', 'Documentary', 'Play', 'Thrive']);. If you try around a bit, you should be able to extract the open image title or filename (maybe look into slide.opts).

As you put this in the #tag-manager category, I’d also recommend you to look into Data Layer: Integrate - Matomo Analytics (formerly Piwik Analytics) - Developer Docs - v3 on how to send an event to the tag manager instead.

3

Hi Lukas,

Thanks a million. I will give it a try. Seems straigt forward enough!

1 Like
4

Hi,
I just recorded this video for you. It does not show the content tracking but how you can do it with events:

if it fits your needs, could you please mark the post as solved?

Have a great day,

2 Likes
5

Thank you so much for all your help Ronan! This works perfectly for me

6

Ps, I am making progress :slight_smile: One other thing I wanted was to track logged in users. I was quite surprised I got it right straight away :slight_smile:

https://discourse.getgrav.org/t/tracking-logged-in-users-in-matomo-or-google-analytics/9835/3

7

Hi Lukas,
is there any chance that you have another tip how to implement a “trackEvent” within the “afterShow”-Part? I tried for hours and still haven’t figured out how to use this :frowning:
Unfortunately, the tip from Ronan doesn’t work for me, due to not changing URLs in the adress-line

Thanks in advance!