「Tumblr」ブログのサイドバーにバナー広告を貼り付けたい【T】
 |
サイドバーにバナー広告を配置するメリット
ブログのサイドバーは、記事の内容を邪魔することなく常に読者の視界に入るため、広告を配置する場所として非常に優れています。
コンテンツの世界観を大切にしながらも、有益なツールやサービスを自然な形で紹介することで、ブログの価値を維持したまま収益化を目指すことが可能になります。
具体的には以下の点に注目して設置を検討してください。
記事の読みやすさを損なわず、ページ全体のデザインの一部として広告を組み込める。
読者の興味に近い広告を選ぶことで、クリック率を高めつつ役立つ情報を提供できる。
複数のページで共通して表示されるため、どの記事から訪れた読者にもアプローチできる。
アドバイスとして、バナーのサイズはサイドバーの横幅にぴったり合わせることで、ガタつきのない洗練されたレイアウトを保つことができます。
広告コードを取得して貼り付けの準備をしたい
「Tumblr」に掲載するためのバナー広告用タグを、利用している広告サービスから発行する基本的な解決策を確認していきます。
作業をスムーズに進めるため、以下の手順で操作を行ってください。
広告配信サービスやアフィリエイトサイトにログインし、掲載したいバナーのサイズを選択する。
サイトの雰囲気に合ったデザインのバナーを選び、表示された「HTMLコード」をすべてコピーする。
コピーしたコードが「JavaScript」や「iframe」を含んでいることを確認し、そのままメモ帳などに貼り付けて保管しておく。
広告のリンク先が正しく設定されているか、プレビュー機能がある場合は事前にチェックしておく。
注意点として、広告サービスによっては「Tumblr」のようなブログサービスでの利用を制限している場合があるため、あらかじめ利用規約を確認しておきましょう。
テーマのHTMLを編集して広告を挿入したい
取得した広告コードを「Tumblr」の構造内に正しく組み込み、サイドバーの狙った位置に表示させる高度な手法を試してみましょう。
作品の表現を広げるため、以下の手順でコードの編集を行ってください。
ダッシュボードから「テーマの編集」画面を開き、左側のメニューにある「HTMLを編集」をクリックする。
コードの中から「sidebar」や「aside」といったタグを探し、広告を表示させたい位置を見つける。
用意しておいた広告コードを、既存のコードを壊さないように注意しながら正確に貼り付ける。
画面上の「更新プレビュー」をクリックし、バナーが崩れずに表示されているかを確認してから「保存」を押す。
アドバイスとして、HTMLの編集が難しい場合は、サイドバーに「自由記述欄」があるテーマを探して、そこにコードを貼り付けるだけで簡単に設置できることもあります。
広告配置を最適化した際の効果
サイドバーに適切なバナー広告を設置できるようになると、ブログ運営に対する意識と環境が大きく変化します。
具体的には以下の結果が得られます。
自分の創作活動やブログ運営を支えるための、ささやかな収益源を確保できるようになる。
読者の興味を惹くバナーが並ぶことで、ブログ全体の情報量が増え、メディアとしての厚みが増す。
広告の反応を分析することで、読者がどのようなサービスに興味を持っているのかを知るヒントになる。
注意点として、あまりに多くの広告を貼りすぎるとページの読み込みが重くなり、読者が離脱する原因になるため、まずは1枚から2枚程度に留めておくのが賢明です。
