web: Implement Venatus ads

schneefux · Mar 21, 2024 · dd9fce7 · dd9fce7
1 parent c2345a2
commit dd9fce7
Show file tree

Hide file tree

Showing 16 changed files with 247 additions and 476 deletions.
diff --git a/web/assets/css/development.css b/web/assets/css/development.css
@@ -1,7 +1,3 @@
-.dev .adsbygoogle {
-  @apply bg-pink-400;
-}
-
-.dev .adsbyplaywire {
+.dev .vm-placement {
   @apply bg-pink-400;
 }
diff --git a/web/assets/css/tailwind.css b/web/assets/css/tailwind.css
@@ -34,11 +34,6 @@
   .card-prop-label {
     @apply text-left;
   }
-
-  /** ad root-class */
-  .ad-section {
-    @apply mt-4 text-center;
-  }
 }
 
 /* purgecss start ignore */

diff --git a/web/components.d.ts b/web/components.d.ts
@@ -138,6 +138,8 @@ declare module 'vue' {
     TopBrawlersCard: typeof import('./components/top-brawlers-card.vue')['default']
     TopPlayersCard: typeof import('./components/top-players-card.vue')['default']
     TrophySliderSelect: typeof import('./components/trophy-slider-select.vue')['default']
+    VenatusPlacement: typeof import('./components/venatus-placement.vue')['default']
+    VenatusRichMedia: typeof import('./components/venatus-rich-media.vue')['default']
     VGini: typeof import('./components/klicker/v-gini.vue')['default']
     VLastUpdate: typeof import('./components/klicker/v-last-update.vue')['default']
     VMediaImg: typeof import('./components/klicker/v-media-img.vue')['default']

diff --git a/web/components/ad-cell.vue b/web/components/ad-cell.vue
@@ -6,22 +6,14 @@
       hide-empty
       lazy
     >
-      <adsense
-        v-if="!isApp && !playwire"
-        :data-ad-slot="adSlot"
-        data-ad-client="ca-pub-6856963757796636"
-        data-full-width-responsive
-        class="text-center self-center w-full"
-      ></adsense>
+      <ad cell></ad>
     </b-dashboard-cell>
   </client-only>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
 import { BDashboardCell } from '@schneefux/klicker/components'
-import { useIsApp } from '~/composables/app'
-import { useConfig } from '~/composables/compat'
 
 export default defineComponent({
   components: {
@@ -36,23 +28,6 @@ export default defineComponent({
       type: Number,
       required: true
     },
-    adSlot: {
-      type: String,
-      required: true
-    },
-    instance: {
-      type: String
-    },
-  },
-  setup() {
-    const config = useConfig()
-    const playwire = config.playwireRampPublisherId
-    const { isApp } = useIsApp()
-
-    return {
-      isApp,
-      playwire,
-    }
   },
 })
 </script>