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>