more タグの位置にアドセンスコードを挿入する方法

SC2 2018-06-10

2021-11-14

このサイトを検索 | Search this site

対象：Awesome Inc. テンプレート

記述時点で、このブログは Awesome Inc. テンプレートを使用しています。

そして、アドセンスが文末に表示されるように Awesome Inc. を改造してアクセス状況を観察しています。

次は、記事の文中に自動的にアドセンスを表示することを計画しています。

手動でアドセンスコードを追記するのは手間がかかりすぎるので、自動的にアドセンスコードを挿入するようにしたいと考えています。

近い将来の Awesome Inc. 修正に備えて、文中に自動的にアドセンスコードを挿入する方法をメモしています。

を利用する

「本文を全て表示する >>」

を設定すると、トップページ（このブログでは https://kzstock.blogspot.com）を表示したときに、記事を全て読み込まずに ”本文を全て表示する >>” のリンクが表示されます。

トップページの表示速度が早くなります。

 は個別ページを表示した時には何もアクションを起こしません。

このブログは全ての記事に more を使用しているので、アドセンスコードを挿入する場所としては最適です。

スクリプトを追加する場所は２か所

Javascriptを追加します。

追加する場所は２つ。

<head> 直下
<data:post.body/> 直下

1. <head>

Blogger > テーマ > HTMLの編集と進んでテンプレート修正画面を開き <head> タグを探して、直後にスクリプトを挿入します。

<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' />
<script type='text/javascript'>
$(document).ready(function(){ $('a[name="more"]').before($('#MBT-google-ad').html());
$('#MBT-google-ad').html(''); });
</script>

2. <data:post.body/>

<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style="display:none;">
<div id='MBT-google-ad'>
<div style='font-size:11px;'>スポンサーリンク</div><br/> アドセンスコードを転記 <br/>
</div>
</div></b:if>

注意事項

スクリプトが対応するアドセンスコードは「同期」コードのみです。

「レスポンシブ」コードは動作しません。

：SC2

このサイトを検索 | Search this site

投稿者 SC2

将棋ウォッチャーのカシミヤです。（@sc2kzstock）検証したことをメモに残しています。質問は受け付けていません。Windows、Android、将棋の話題。 --- I am taking notes on what I have verified. No questions are accepted. Information welcome! (@sc2kzstock) Topics related to Windows, Android, free software, and Japanese chess.

Scrap 2nd. (SC2) Inspection

Header

Scrap 2nd. (SC2) Inspection

more タグの位置にアドセンスコードを挿入する方法