teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

コメントを受けて追記

2019/12/25 01:49

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37470

answer CHANGED
@@ -3,4 +3,51 @@
3
3
 
4
4
  ↑この部分の工程をを行っていないように見えます。
5
5
 
6
- 解決方法ですが、アドセンスの最後に`<!-- 広告名 -->`のようなコメントを挿入するといいかと思います。
6
+ 解決方法ですが、アドセンスの最後に`<!-- 広告名 -->`のようなコメントを挿入するといいかと思います。
7
+
8
+ ### コメントを受けて追記
9
+ これは、
10
+ ```html
11
+ <script>adsFilter();</script>
12
+ ```
13
+ から
14
+ ```html
15
+ <!-- 広告名 -->
16
+ ```
17
+ までが消える、というスクリプトです。
18
+  
19
+ なので、
20
+ ```html
21
+ <script>adsFilter();</script>
22
+
23
+ <script>// <![CDATA[
24
+ addEventListener("DOMContentLoaded", function() {
25
+ var $target = $('.entry-content > h3,h4,h5');
26
+ $target.eq(Math.floor($target.size() / 2)).before($('.insentence-adsense2'));
27
+ }, false);
28
+ // ]]></script>
29
+ <div class="insentence-adsense2">
30
+ <p style="text-align:center; font-size: 80%" >スポンサーリンク<br>
31
+ <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
32
+ <ins class="adsbygoogle"
33
+ style="display:block; text-align:center;"
34
+ data-ad-layout="in-article"
35
+ data-ad-format="fluid"
36
+ data-ad-client="ca-pub-2182608187039470"
37
+ data-ad-slot="3928620735"></ins>
38
+ <script>
39
+ (adsbygoogle = window.adsbygoogle || []).push({});
40
+ </script>
41
+ <!-- 広告名 -->
42
+ </p>
43
+ </div>
44
+ ```
45
+ ↑このコードは広告不要の時に↓こうなります。
46
+ ```html
47
+ </p>
48
+ </div>
49
+ ```
50
+  
51
+ 余分な閉じタグが発生することになり、レイアウトが壊れます。
52
+  
53
+ 解決方法ですが、`<!-- 広告名 -->`を`</div>`の下に入れてください。