> アフィリエイト | カスタマイズ >
Blogger beta に検索向け AdSense を貼り付ける
問題
通常の AdSense 広告や Amazon のリンクは、問題なく HTML/JavaScript な Widget として Blogger beta ブログに追加することができました。一方、検索向け AdSense を同じように追加すると、表示はされるものの検索機能が働きません。また、ボタン上の「検索」という文字も文字化けしてしまうことがわかりました。
対策
１．「検索」という文字が化ける件は、いまのところ解決することが出来ません。数値文字参照を使うという手もありますが、AdSense のコードは改変してはいけないので、却下です。AdSense 側の設定「詳細オプション ＞ サイトの言語」を「English」にすると「検索」が「Search」に替わり、文字化けを避けることができます。この設定をした検索向け AdSense のコードをコピーしておいてください。
２．Blogger beta の管理画面「Template ＞ Page Elements」ページでサイドバーの「Add a Page Element」リンクをクリックし HTML/JavaScript な Widget を新しく追加します。内容は後で書き換えるので、abc でも何でもいいです。
３．素直に Page Elements から検索向け AdSense を追加すると、勝手にコードが変更されてしまいます。なので、今回はテンプレートの HTML 編集で Widget を操作します。「Template ＞ Edit HTML」ページを開き、「Expand Widget Templates」というチェックボックスをチェックします。
４．２で追加したウィジェットのコードを書き換えます。下のコードの青で示した数字は、各ブログのウィジェットの構成によって異なりますが、一番数字の大きいのが２で追加したもののはず。下のようなコードのまとまりを Edit HTML ページで見つけてください。
注意
追加した検索向け AdSense は Widget としてドラッグ＆ドロップでレイアウトすることが可能です。が、Edit ボタンを押して内容を再び SAVE してしまうと、また検索が機能しない Widget になってしまいます。Edit ボタンは押さないようにしてください。
スポンサードリンク：
お願い：
クリボウも実験用に Blogger beta ブログを持ったんですが、それで次のコメントへの答えがわかりました。
Google検索ボックスは、タグを貼り付けても、検索できない状態なため、 今のところ取り付けてないです。どなたか、BETAでGoogle検索ボックスを導入されている方、いますでしょうか？
問題
通常の AdSense 広告や Amazon のリンクは、問題なく HTML/JavaScript な Widget として Blogger beta ブログに追加することができました。一方、検索向け AdSense を同じように追加すると、表示はされるものの検索機能が働きません。また、ボタン上の「検索」という文字も文字化けしてしまうことがわかりました。
対策
１．「検索」という文字が化ける件は、いまのところ解決することが出来ません。数値文字参照を使うという手もありますが、AdSense のコードは改変してはいけないので、却下です。AdSense 側の設定「詳細オプション ＞ サイトの言語」を「English」にすると「検索」が「Search」に替わり、文字化けを避けることができます。この設定をした検索向け AdSense のコードをコピーしておいてください。
２．Blogger beta の管理画面「Template ＞ Page Elements」ページでサイドバーの「Add a Page Element」リンクをクリックし HTML/JavaScript な Widget を新しく追加します。内容は後で書き換えるので、abc でも何でもいいです。
３．素直に Page Elements から検索向け AdSense を追加すると、勝手にコードが変更されてしまいます。なので、今回はテンプレートの HTML 編集で Widget を操作します。「Template ＞ Edit HTML」ページを開き、「Expand Widget Templates」というチェックボックスをチェックします。
４．２で追加したウィジェットのコードを書き換えます。下のコードの青で示した数字は、各ブログのウィジェットの構成によって異なりますが、一番数字の大きいのが２で追加したもののはず。下のようなコードのまとまりを Edit HTML ページで見つけてください。
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
コードが見つかったら、上で赤く示した部分を、１で得たコードに差し替えて、「SAVE TEMPLATE」ボタンを押してください。これで手順は終了です。<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
注意
追加した検索向け AdSense は Widget としてドラッグ＆ドロップでレイアウトすることが可能です。が、Edit ボタンを押して内容を再び SAVE してしまうと、また検索が機能しない Widget になってしまいます。Edit ボタンは押さないようにしてください。
スポンサードリンク：
「この記事役に立った！」と思ったら、ぜひフィード登録をお願いします。 
はじめまして。
ReplyDelete早速ですけど、betaにするとGoogleToolbarのやつも含めて「BlogThis!」が使えなく無いですか？
クリボウさん、ありがとうございました。
ReplyDeleteおかげさまで、検索向け AdSense を貼り付けることができました。
はじめ、Expand Widget Templates のチェックボックスにチェックを入れなかったので、貼り付ける場所が見つかりませんでした。
３．のところにちゃんと説明がありましたね＾＾；
２．で内容は abc など適当な文字を入力する時、タイトルは何も記入しないと、そのまま「検索向け AdSense」が表示されますね。
＞ nobnob さん
ReplyDelete使えないですね。Blogger beta 用には、まだ準備されていないようですね。
＞ hirazon さん
いえいえ、どういたしまして。タイトルを入れないほうが、いい感じですね。
クリボウさん、はじめまして。
ReplyDelete最近、Bloggerに興味を持ちクリボウさんのページを見つけ楽しく勉強しております。
Beta版HTML編集画面の「Expand Widget Templates」チェックボックスの役割が分かりません・・・
チェックの有無に関わらずHTMLを編集できるようですがどういった場面でチェックの有無を使い分けたら良いのでしょうか。
今後、HTMLの変更編集やWidgetの追加をしていきたいです。
ぜひ、アドバイスのほどよろしくお願いいたします。
どちらでもテンプレートを表示、編集できるんですが、「Expand Widget Templates 」にしないと、ウィジェットの中身が表示されません。ウィジェットの中身を編集したい場合にはこちらですね。
ReplyDelete「Expand Widget Templates 」にチェックを入れない場合は、各ウィジェットがたった一行で表示され、その区切りが分かりやすくなります。ウェブページのヘッダやセクションの変更など、ウィジェットの内容に関わらない変更は、こちらでやった方がわかりやすいかと思います。
クリボウさん、わかりやすく説明してくださりありがとうございます。
ReplyDelete胸のつかえがとれ疑問がとけました。
ありがとうございました。