記事エディタを使わずに、ブログ村などのクリックバナーを記事下に貼る方法

バナー

クリックバナーを記事下に貼る場合

さて、今回は、ブログ村や、人気ブログランキングの「クリックバナー」の件です。

以前から言っているように、外部ランキングの類というのは、「更新情報の拡散」を、第一目的としたほうがよく、そのため、更新情報に特化したページのない「FC2ランキング」は、使い物にならないから、やらなくてもいいと、個人的には、思っています。
また、外部ランキングの類というのは、おおむねの場合、上位のほうというのは、すでに、大手ブログの常連参加者で埋まっているというのが、普通なので、参加するジャンルにもよりますが、これから始めるというような人は、あまり真剣に、「クリックを稼いで上位に出る」ということを、目指さない方が、よいかと笑。
あまり真剣になると、思うように順位が上がらないという場合に、それがストレスになってしまったりしては、本末転倒ですので。
ただ、ある程度の読者さんを確保しているブログで、ある程度の順位に出ることを目標としているならば、バナーは、記事下にも貼っておいても、いいかもしれません。
そして、外部ランキングに参加する場合には、「記事エディタ内」に直接バナーを貼るのは、あまりおすすめできないのですが、それはなぜかというと、「やめるとき」になって、はがす作業が、大変だからです。
または、バナーの種類などを変えたいという場合にも、過去記事に遡って変えるということは、かなり、大変な作業になります。

以下では、拙テンプレートをご利用の方向けに、バナーを記事エディタに貼らず、やめるときや、バナーを変えるときに、簡単にできる方法を、説明します。
Akiraさんのテンプレートの方は、Akiraさんの記事を参照→ランキングバナーをどう掲載すれば良いか

仕様

  • バナーは、HTMLに貼り付けるので、記事エディタに毎回貼る必要はない。
  • ここでは、個別記事ページの記事下の「関連記事」の直下に表示するようにしている。それよりも上に表示させたいという場合には、jsを使う必要がある。
  • やめる場合や、バナーを変える場合には、記事を編集する必要は一切なく、HTMLに貼り付けたタグの内容を削除するか、変更すればよい。

手順

  1. まず、ブログ村などから、バナー用のタグを取得する。
  2. ここでは、汎用バナーで説明。バナー画像だけにしたいなら、ピンクの部分は、削除してもいいかもしれない。
    <a href="https://blogmura.com/ranking/in?p_cid=自分のid番号" target="_blank"><img src="https://b.blogmura.com/88_31.gif" width="88" height="31" border="0" alt="ブログランキング・にほんブログ村へ" />にほんブログ村</a>
  3. そのタグを、以下のように、divで囲む。
    また、何かひとことを添えたい場合には、「ぽちっとね」のところを、お好みの言葉に変えてください。
    言葉が要らなければ、「ぽちっとね」の部分と、直後のbrタグを削除。
    <div class="blogmura">ぽちっとね!<br><a href="https://blogmura.com/ranking/in?p_cid=自分のid番号" target="_blank"><img src="https://b.blogmura.com/88_31.gif" width="88" height="31" border="0" alt="ブログランキング・にほんブログ村へ" /></a></div>
  4. 上のタグを、HTMLの以下の場所に貼り付ける。
    位置は、「個別記事」 の中の、<%topentry_more>の直下。HTML位置
  5. さらに、以下のコードを、「スタイル編集」(CSS)に貼り付ける。位置は、一番下でもいい。
    .blogmura{margin:1em 0;text-align:center;}
  6. 青い更新ボタンを押す。
  7. ブログの個別記事ページを開き、以下のようになっていれば、できあがり。
    バナーが1つの場合

補足

複数のバナー(例えば、ブログ村用と人気ブログランキングとか)を貼る場合には、ひとつ目のバナー用タグの後ろに入れればいい。
また、2つを横に並べたいという場合には、バナー部分だけを別のdivで囲み、CSSで調整する。
<div class="blogmura">ぽちっとね!<br><div class="blogmura_inner"><a href="https://blogmura.com/ranking/in?p_cid=自分のid番号" target="_blank"><img src="https://b.blogmura.com/88_31.gif" width="88" height="31" border="0" alt="ブログランキング・にほんブログ村へ" /></a><ここに、2つ目のバナー用のタグ></div></div>
さらに、CSSは、上のもののほかに、以下を追加する。変更ではなくて、追加。
.blogmura_inner{display:flex;flex-wrap:wrap;justify-content:center;}
.blogmura_inner>a{display:block;margin:0 10px;}
【バナーが2つの場合の見本】
バナーが2つの場合

ブログ村の新しいバナーについて

PVランキングにそのまま参加できる新しいバナーについては、以下の記事をご参照ください。

にほんブログ村関係の耳寄り情報~新しいバナーについて~

にほんブログ村の新しいタイプのバナーは、スグレモノさて、昨年から、いつか紹介しておこうと思っていたブログ村関連の件です。現段階で、最も拡散効果のあるサービスにほんブログ村は、私の個人的な感想では、現段階で、日本語のブログであれば、最も更新情報の拡散効果と、読者獲得の成果が見込めるサービスです。ですから、アクセスを増やしたい人や、同じ趣味の仲間を見つけたい人は、賢く使っていくのが、おすすめで...

関連記事

コメント

コメント(8)
お師匠!!
今、そこそこアクセス数は上がってきたのですが、さらにアップを図るために記事下に日本ぶろぐ村のバナーだけを貼ろうかなと思ってます。(PV数の柴犬ジャンル順位は6位まで上がってきたのですが、IN数はまだまだなので)
つきまして以下を教えてください。
①自分のIDって登録した時のメールアドレスでいいのでしょうか?
②バナーは・にほんブログ村 総合、・ランキング メインカテゴリー(犬ブログ)、・ランキング サブカテゴリー(柴犬)の3つがあるのですが、どれにしたら良いでしょうか
お手数ですがご指導お願いします。
ま~どれだけの方がポチっとしてくれるかはわかりませんが・・・(笑)

柴犬マイア

2020/08/14 09:54 URL 編集返信
Janedoe1471
Re:お師匠!!
そうですね、もっとクリックしてもらうためには、記事下に貼っておくのもいいと思います。
また、ブログ村のIDは、マイアさんの場合は 11020905 です。
そしてバナーは、上で紹介したものではなく、サイドバーと同じものを貼ったほうが、よろしいと思います。
というのは、あのバナーならば、PVもカウントをしてくれるからです。
なぜかというと、現状では、たぶんスマホなどで、サイドバーまで表示をしないで閲覧をした場合に、アクセスがカウントされていないもの(ブログ村の場合)がけっこうあると思うからです。
ですので、現状では、「ブログ村のPV数」は、「Google AnalyticsのPV数」よりも、かなり少ないですよね。
そして、同じものを2枚貼っても、PVの重複カウントはされませんので、大丈夫です。

Janedoe1471

2020/08/14 12:57 URL 編集返信
Re:Re:お師匠!!
私のIDコード、どこ見たらわかるんですか?
そうです。「ブログ村のPV数」は、「Google AnalyticsのPV数」よりも、かなり少ないです。
ご指摘のPVポイントランキングバナーを貼るようにします。
それとPVポイントランキングバナーの中のプロフィールって書いてある部分をマイアの写真を挿入することができるのでしょうか?
よろしければ教えてください。

柴犬マイア

2020/08/14 14:29 URL 編集返信
Janedoe1471
Re:Re:Re:お師匠!!
はい、自分のブログ村のIDは、プロフィールページのURLの末尾がそうです。
以下の画像のとおりです。
https://blog-imgs-138.fc2.com/j/a/n/janedoe1471/blogmura2_20200814151236536.png

また、バナーの画像ですが、これはたぶん、「ブラウザの画面上に表示されることでアクセス数をカウントする」という、特殊なタイプの画像のはずなので、画像自体を加工したり、別のものに変えると、カウントをしなくなると思いますので、残念ですが、アクセス数をカウントするためには、用意されている画像をそのまま使うことをおすすめします。
表示されることでカウントをするというところから、スマホやタブレットで、サイドバーを表示せずに、記事だけを表示したという場合に、カウントがされていないために、ブログ村のアクセス数が、Google Analyticsよりもかなり少ないのだろうと考えています。
Google Analyticsは、javascriptですし、head部分で読み込んでいるので、アクセスを見逃すということは、かなり少ないだろうと思いますね。

Janedoe1471

2020/08/14 15:17 URL 編集返信
Re:Re:Re:Re:お師匠!!
ありがとうございます。
それではそのままPVポイントランキングバナーを貼るようにします。
また貼れたら連絡しますね。

柴犬マイア

2020/08/14 15:37 URL 編集返信
Janedoe1471
Re:Re:Re:Re:Re:お師匠!!
はい、了解です^^

Janedoe1471

2020/08/14 15:40 URL 編集返信
Re:Re:Re:Re:Re:Re:お師匠!!
できました!!
意外と簡単でした。
ありがとうございます。

柴犬マイア

2020/08/14 15:49 URL 編集返信
Janedoe1471
Re:Re:Re:Re:Re:Re:Re:お師匠!!
拝見しました。これで、INポイントのほうも、上がっていくとよいですね^^

Janedoe1471

2020/08/14 16:10 URL 編集返信
コメント投稿
【お願い】FC2ブログの方は、必ず、ご自分のブログURLを入力してください。
非公開コメント

プロフィール

Janedoe1471

Author:Janedoe1471 この写真とはまったく違うおばさんです。
が、気持ちだけは、いつまでも、こういう感じでいたいと思っています。

更新通知登録ボタン

更新通知で新しい記事をいち早くお届けします

検索フォーム