add AdSense in feed slot

devmjun · devmjun · commit 0de4df1967bd · 2023-10-18T17:49:38.000+09:00
diff --git a/assets/js/adsense_in_feed.js b/assets/js/adsense_in_feed.js
@@ -3,21 +3,25 @@
 // blog-post 내에 AdSense in feed 코드 삽입.
 function insertAdInRandomLocation() {
     let adCode = 
+    '<li class="post-preview" id="ad-container">' +
+    '<article>' + 
+    '<h1> 왜 안될까..<\/h1>' +
     '<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1101850893094860" crossorigin="anonymous"><\/script>'+
-    '<ins class="adsbygoogle" style="display:block;" data-ad-format="fluid" data-ad-layout-key="-d2-a+73-vo+fv" data-ad-client="ca-pub-1101850893094860" data-ad-slot="2708788380"><\/ins>' +
-    '<script> (adsbygoogle = window.adsbygoogle || []).push({}); <\/script>';
-
-    // var adElement = document.createElement("div");
-    // adElement.innerHTML = adCode;    
+    '<ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-d2-a+73-vo+fv" data-ad-client="ca-pub-1101850893094860" data-ad-slot="2708788380"><\/ins>' +
+    '<script> (adsbygoogle = window.adsbygoogle || []).push({}); <\/script>' +
+    '<\/article>' + 
+    '<\/li>'; 
 
     var elements = document.querySelectorAll('.post-preview');
-
     var randomIndex = Math.floor(Math.random() * elements.length);
     var randomElement = elements[randomIndex];
+
     
-    // randomElement.insertBefore(adElement, randomElement.firstChild);
     randomElement.insertAdjacentHTML('beforebegin', adCode);
-    
+
+    let selectedElementHeight = randomElement.clientHeight; 
+    var adContainer = document.getElementById('ad-container'); 
+    adContainer.style.height = selectedElementHeight + 'px'; 
 }
 
 document.addEventListener("DOMContentLoaded", insertAdInRandomLocation);
