Enable touch events, tracking zoom-in events

Lukas · September 8, 2017, 2:36pm

Hi,

In this line the photoswipe object gets created and assigned to the variable gallery.

dimsemenov/PhotoSwipe/blob/e0c76e8072fe9cdb71ef53a13a0b5f054df95808/website/index.html#L797


				        }
				        break;
				    }
				}


			    if(disableAnimation) {
			        options.showAnimationDuration = 0;
			    }


			    // Pass data to PhotoSwipe and initialize it
			    gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);


			    // see: http://photoswipe.com/documentation/responsive-images.html
				var realViewportWidth,
				    useLargeImages = false,
				    firstResize = true,
				    imageSrcWillChange;


				gallery.listen('beforeResize', function() {


					var dpiRatio = window.devicePixelRatio ? window.devicePixelRatio : 1;

So you can put the event listeners in the following line:

gallery.listen('initialZoom', function() {
    _paq.push(['trackEvent', 'Gallery', 'Interaction', 'Open']); // you can set category, action and name however you want
});
gallery.listen('initialZoomOut', function() {
    _paq.push(['trackEvent', 'Gallery', 'Interaction', 'Close']); // you can set category, action and name however you want
});

Your solution from “Track both Show and Hide events” doesn’t track photoswipe interaction, but just when a user clicks on the link.