From b9c3efa24eb4a7248465c74b56cec4589e92365e Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Tue, 25 Jul 2023 05:05:05 +0200
Subject: [PATCH] Tracking image campaign clicks in umami.

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

diff --git a/assets/components/campaigns/campaign.vue b/assets/components/campaigns/campaign.vue
index cd74b320..c8136b93 100755
--- a/assets/components/campaigns/campaign.vue
+++ b/assets/components/campaigns/campaign.vue
@@ -1,6 +1,7 @@
 <template>
 	<iframe
 		v-if="campaign?.banner?.type === 'html'"
+		ref="iframe"
 		:width="campaign.banner.width"
 		:height="campaign.banner.height"
 		:src="getSource(campaign)"
@@ -15,6 +16,8 @@
 		:href="campaign.url || campaign.affiliate?.url"
 		target="_blank"
 		class="campaign"
+		data-umami-event="campaign-click"
+		:data-umami-event-campaign-id="`${campaign.entity.slug}-${campaign.id}`"
 	>
 		<img
 			:src="getSource(campaign)"
@@ -217,4 +220,17 @@ export default {
 	max-height: 100%;
 	max-width: 100%;
 }
+
+.frame-container {
+	position: relative;
+	font-size: 0;
+}
+
+.frame-target {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
 </style>
diff --git a/assets/js/ui/actions.js b/assets/js/ui/actions.js
index 89719ba8..c78e61c5 100755
--- a/assets/js/ui/actions.js
+++ b/assets/js/ui/actions.js
@@ -259,7 +259,6 @@ function initUiActions(store, _router) {
 	}
 
 	async function fetchCampaign(context, campaignId) {
-		console.log(campaignId);
 		const { campaign } = await graphql(`
 			query Campaign(
 				$campaignId: Int!