From 7f74d227f0e5c818649669605df1ca155b9ce705 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Wed, 26 Jul 2023 00:26:15 +0200
Subject: [PATCH] Tracking iframe campaign clicks.

---
 assets/components/campaigns/campaign.vue  |  2 ++
 assets/components/container/container.vue | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/assets/components/campaigns/campaign.vue b/assets/components/campaigns/campaign.vue
index c8136b93..db7d0f33 100755
--- a/assets/components/campaigns/campaign.vue
+++ b/assets/components/campaigns/campaign.vue
@@ -9,6 +9,8 @@
 		marginwidth="0"
 		marginheight="0"
 		class="campaign frame"
+		data-umami-event="campaign-click"
+		:data-umami-event-campaign-id="`${campaign.entity.slug}-${campaign.id}`"
 	/>
 
 	<a
diff --git a/assets/components/container/container.vue b/assets/components/container/container.vue
index 2b4030b1..388fd3ad 100755
--- a/assets/components/container/container.vue
+++ b/assets/components/container/container.vue
@@ -96,17 +96,29 @@ function scrollToTop() {
 	this.$refs.content.scrollTop = 0;
 }
 
+function trackIframeCampaign() {
+	// no way to capture clicks from an iframe directly
+	if (window.umami && document.activeElement.tagName === 'IFRAME' && document.activeElement.dataset.umamiEvent === 'campaign-click') {
+		window.umami.track('campaign-click', {
+			'campaign-id': document.activeElement.dataset.umamiEventCampaignId,
+		});
+	}
+}
+
 function mounted() {
 	document.addEventListener('click', this.blur);
 	window.addEventListener('resize', this.resize);
 
 	this.events.on('toggleSettings', this.toggleSettings);
 	this.events.on('toggleSidebar', this.toggleSidebar);
+
+	window.addEventListener('blur', this.trackIframeCampaign);
 }
 
 function beforeUnmount() {
 	document.removeEventListener('click', this.blur);
 	window.removeEventListener('resize', this.resize);
+	window.removeEventListener('blur', this.trackIframeCampaign);
 }
 
 export default {
@@ -129,10 +141,11 @@ export default {
 	mounted,
 	beforeUnmount,
 	methods: {
+		setConsent,
 		toggleSidebar,
 		toggleFilters,
 		toggleSettings,
-		setConsent,
+		trackIframeCampaign,
 		blur,
 		resize,
 		scroll,