feat(ads): AdSense 자동 광고 → 수동 배치로 전환

자동 광고(auto_ads) 비활성화하고 3곳에 수동 광고 배치:
- 포스트 본문 중간 (5번째 문단 이후, JS 동적 삽입)
- 포스트 본문 하단 (content 끝)
- 좌우 플로팅 광고 (1400px 이상 화면에서만 표시)

Author: realcoding2003

_config.yml

@@ -16,7 +16,7 @@ google_analytics: G-E2F9P3J8TQ  # 실제 GA4 측정 ID로 교체 필요
 # Google AdSense
 adsense:
   client: ca-pub-4992764083187170
-  auto_ads: true
+  auto_ads: false
   show_ads: true
 
 # Comments system

_includes/ad-banner.html

@@ -0,0 +1,13 @@
+{% if site.adsense.client and site.adsense.show_ads %}
+<div class="ad-container">
+  <ins class="adsbygoogle"
+       style="display:block"
+       data-ad-client="{{ site.adsense.client }}"
+       data-ad-slot="2396306733"
+       data-ad-format="auto"
+       data-full-width-responsive="true"></ins>
+  <script>
+       (adsbygoogle = window.adsbygoogle || []).push({});
+  </script>
+</div>
+{% endif %}

_includes/ad-floating.html

@@ -0,0 +1,24 @@
+{% if site.adsense.client and site.adsense.show_ads %}
+<div class="ad-floating ad-floating-left">
+  <ins class="adsbygoogle"
+       style="display:block"
+       data-ad-client="{{ site.adsense.client }}"
+       data-ad-slot="2396306733"
+       data-ad-format="vertical"
+       data-full-width-responsive="false"></ins>
+  <script>
+       (adsbygoogle = window.adsbygoogle || []).push({});
+  </script>
+</div>
+<div class="ad-floating ad-floating-right">
+  <ins class="adsbygoogle"
+       style="display:block"
+       data-ad-client="{{ site.adsense.client }}"
+       data-ad-slot="2396306733"
+       data-ad-format="vertical"
+       data-full-width-responsive="false"></ins>
+  <script>
+       (adsbygoogle = window.adsbygoogle || []).push({});
+  </script>
+</div>
+{% endif %}

_layouts/default.html

@@ -87,11 +87,14 @@
     <!-- Header -->
     {% include header.html %}
 
+    <!-- Floating Side Ads -->
+    {% include ad-floating.html %}
+
     <!-- Main Content -->
     <main class="main-content">
         {{ content }}
     </main>
-    
+
     <!-- Footer -->
     {% include footer.html %}
 

_layouts/post.html

@@ -98,6 +98,8 @@ <h1 class="post-title">{{ page.title }}</h1>
     <div class="post-content">
         <div class="container">
             {{ content }}
+
+            {% include ad-banner.html %}
         </div>
     </div>
 
@@ -181,3 +183,23 @@ <h3 class="nav-heading">{{ lang_data.ui.other_posts | default: "Other Posts" }}<
         });
     }
 </script>
+
+{% if site.adsense.client and site.adsense.show_ads %}
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        var postContent = document.querySelector('.post-content .container');
+        if (!postContent) return;
+
+        var paragraphs = postContent.querySelectorAll(':scope > p');
+        if (paragraphs.length < 6) return;
+
+        var target = paragraphs[4];
+        var adDiv = document.createElement('div');
+        adDiv.className = 'ad-container ad-in-article';
+        adDiv.innerHTML = '<ins class="adsbygoogle" style="display:block" data-ad-client="{{ site.adsense.client }}" data-ad-slot="2396306733" data-ad-format="auto" data-full-width-responsive="true"></ins>';
+        target.parentNode.insertBefore(adDiv, target.nextSibling);
+
+        (adsbygoogle = window.adsbygoogle || []).push({});
+    });
+</script>
+{% endif %}

assets/css/main.css

@@ -1797,3 +1797,40 @@ a:hover {
         gap: var(--spacing-xs);
     }
 }
+
+/* ===========================
+   ADSENSE
+   =========================== */
+.ad-container {
+    margin: 2rem 0;
+    text-align: center;
+    min-height: 100px;
+}
+
+.ad-in-article {
+    margin: 2.5rem 0;
+}
+
+/* Floating side ads */
+.ad-floating {
+    position: fixed;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 160px;
+    z-index: 50;
+    display: none;
+}
+
+.ad-floating-left {
+    left: calc((100vw - 1000px) / 2 - 180px);
+}
+
+.ad-floating-right {
+    right: calc((100vw - 1000px) / 2 - 180px);
+}
+
+@media (min-width: 1400px) {
+    .ad-floating {
+        display: block;
+    }
+}