From 22fbead9f4b038525f265dd5844f81975b849d38 Mon Sep 17 00:00:00 2001
From: Rico van Zelst <rvzelst7@gmail.com>
Date: Wed, 26 Feb 2025 22:25:26 +0100
Subject: [PATCH] feat: add new ad components for various placements

---
 resources/views/components/ads/common.blade.php           | 7 +++++++
 .../views/components/ads/horizontal-banner.blade.php      | 8 ++++++++
 resources/views/components/ads/in-article.blade.php       | 7 +++++++
 resources/views/components/ads/vertical-banner.blade.php  | 8 ++++++++
 4 files changed, 30 insertions(+)
 create mode 100644 resources/views/components/ads/common.blade.php
 create mode 100644 resources/views/components/ads/in-article.blade.php
 create mode 100644 resources/views/components/ads/vertical-banner.blade.php

diff --git a/resources/views/components/ads/common.blade.php b/resources/views/components/ads/common.blade.php
new file mode 100644
index 0000000..3701c72
--- /dev/null
+++ b/resources/views/components/ads/common.blade.php
@@ -0,0 +1,7 @@
+<div class="mx-auto my-6 text-center ad-container common-ad">
+    <ins class="adsbygoogle" style="display:block" data-ad-client="{{ config('ads.client_id') }}"
+        data-ad-slot="{{ config('ads.slots.rectangle') }}" data-ad-format="auto" data-full-width-responsive="true"></ins>
+    <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+</div>
diff --git a/resources/views/components/ads/horizontal-banner.blade.php b/resources/views/components/ads/horizontal-banner.blade.php
index e69de29..b2781b9 100644
--- a/resources/views/components/ads/horizontal-banner.blade.php
+++ b/resources/views/components/ads/horizontal-banner.blade.php
@@ -0,0 +1,8 @@
+<div class="mx-auto my-6 text-center ad-container horizontal-banner">
+    <ins class="adsbygoogle" style="display:block" data-ad-client="{{ config('ads.client_id') }}"
+        data-ad-slot="{{ config('ads.slots.horizontal_banner') }}" data-ad-format="auto"
+        data-full-width-responsive="true"></ins>
+    <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+</div>
diff --git a/resources/views/components/ads/in-article.blade.php b/resources/views/components/ads/in-article.blade.php
new file mode 100644
index 0000000..1a6ee0d
--- /dev/null
+++ b/resources/views/components/ads/in-article.blade.php
@@ -0,0 +1,7 @@
+<div class="mx-auto my-6 text-center ad-container in-article-ad">
+    <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid"
+        data-ad-client="{{ config('ads.client_id') }}" data-ad-slot="{{ config('ads.slots.in_article') }}"></ins>
+    <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+</div>
diff --git a/resources/views/components/ads/vertical-banner.blade.php b/resources/views/components/ads/vertical-banner.blade.php
new file mode 100644
index 0000000..4ccb0ca
--- /dev/null
+++ b/resources/views/components/ads/vertical-banner.blade.php
@@ -0,0 +1,8 @@
+<div class="my-4 text-center ad-container vertical-banner">
+    <ins class="adsbygoogle" style="display:block" data-ad-client="{{ config('ads.client_id') }}"
+        data-ad-slot="{{ config('ads.slots.vertical_banner') }}" data-ad-format="auto"
+        data-full-width-responsive="true"></ins>
+    <script>
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+</div>