Integrate Moneytizer ads

src/.vuepress/components/ASponsorAd.vue

@@ -0,0 +1,32 @@
+<template>
+  <div :id="'127550-' + adUnitId">
+    <component
+      :is="'script'"
+      :src="`//ads.themoneytizer.com/s/gen.js?type=${adUnitId}`"
+    />
+    <component
+      :is="'script'"
+      :src="`//ads.themoneytizer.com/s/requestform.js?siteId=127550&formatId=${adUnitId}`"
+    />
+  </div>
+</template>
+
+<script>
+const AdUnitId = {
+  banner: 1,
+  square: 2,
+};
+
+export default {
+  props: {
+    format: { type: String, default: "square" },
+  },
+  computed: {
+    adUnitId() {
+      return AdUnitId[this.format];
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped></style>

src/.vuepress/theme/layouts/BlogList.vue

@@ -4,7 +4,7 @@
       <div class="theme-default-content content__default">
         <h1>📝 Blog</h1>
         <m-blog-tag-nav :tags="tags" />
-        <a-google-ad format="horizontal" />
+        <a-sponsor-ad format="banner" />
         <m-blog-links :blogs="blogs" />
         <a-google-ad />
       </div>

src/.vuepress/theme/layouts/FeatureList.vue

@@ -3,7 +3,7 @@
     <template #page-top>
       <div class="theme-default-content content__default">
         <h1>Win7 Simu simulated apps</h1>
-        <a-google-ad format="horizontal" />
+        <a-sponsor-ad format="banner" />
         <ul class="feature-links">
           <li v-for="feature in features" :key="feature.path">
             <router-link :to="feature.path">

src/.vuepress/theme/layouts/Visnalize.vue

@@ -1,7 +1,7 @@
 <template>
   <parent-layout>
     <template v-if="!noSideAds" #sidebar-bottom>
-      <div class="googleads"><a-google-ad /></div>
+      <a-sponsor-ad />
     </template>
     <template v-if="!noComments" #page-bottom>
       <div class="ad-wrapper">

src/index.md

@@ -34,7 +34,7 @@ image: https://image.social/get?url=visnalize.com
   </article>
 </Home-Section>
 
-<a-google-ad format="horizontal" />
+<a-sponsor-ad format="banner" />
 
 <Home-Section class="center dark">
   <article>