Tracking image campaign clicks in umami.

This commit is contained in:
DebaucheryLibrarian 2023-07-25 05:05:05 +02:00
parent 40e613ed8d
commit b9c3efa24e
2 changed files with 16 additions and 1 deletions

View File

@ -1,6 +1,7 @@
<template> <template>
<iframe <iframe
v-if="campaign?.banner?.type === 'html'" v-if="campaign?.banner?.type === 'html'"
ref="iframe"
:width="campaign.banner.width" :width="campaign.banner.width"
:height="campaign.banner.height" :height="campaign.banner.height"
:src="getSource(campaign)" :src="getSource(campaign)"
@ -15,6 +16,8 @@
:href="campaign.url || campaign.affiliate?.url" :href="campaign.url || campaign.affiliate?.url"
target="_blank" target="_blank"
class="campaign" class="campaign"
data-umami-event="campaign-click"
:data-umami-event-campaign-id="`${campaign.entity.slug}-${campaign.id}`"
> >
<img <img
:src="getSource(campaign)" :src="getSource(campaign)"
@ -217,4 +220,17 @@ export default {
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
} }
.frame-container {
position: relative;
font-size: 0;
}
.frame-target {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
</style> </style>

View File

@ -259,7 +259,6 @@ function initUiActions(store, _router) {
} }
async function fetchCampaign(context, campaignId) { async function fetchCampaign(context, campaignId) {
console.log(campaignId);
const { campaign } = await graphql(` const { campaign } = await graphql(`
query Campaign( query Campaign(
$campaignId: Int! $campaignId: Int!