
複数のブログランキングに登録し、それぞれの投票用バナーをブログに張り付けるとデザイン的に好ましくなくなってしまうのは勿論ですが、何かブログへ訪れた人がクリックを強制されているようで嫌な気持ちになりかねません。。。
そんな時、バナーをクリックすると全ての登録したランキングへ投票が出来るもの(スクリプト)があります。
一括応援(投票)ボタン
一括応援(投票)ボタンを設置する事で、ベタベタ張り付けていたランキング投票用バナーもデザイン的にスッキリし、ブログへ訪れた人もそれ程嫌な気持ちにならなくなります。
1つだけの参加でしたら必要ありませんが、【徹底比較】ブログランキングを選ぶならオススメはこのサイト!!でお話しましたが、ブログランキングにはそれぞれ特徴があり、メリットや効果も変わりどうしても複数登録が必要になる場合があります。しかし、仮に2つの投票用バナーを効果的に張り付けても、どちらか1つの投票用バナーしかクリックされない可能性は高くなります。しかし、この一括応援(投票)ボタンを使用すれば確実に1クリックで全ての登録ブログランキングに投票されます。
デメリットは、自分でバナーを作らなければならない事ですが、現在ではオリジナルバナーを簡単に作成できるツールはたくさんありますので、そういったツールを使えば特に知識がなくても簡単に作れてしまいます。
ちょっとした裏技でクリック率が飛躍的に上がる!その裏技とは??
目次
一括応援(投票)ボタンの作り方
それでは、一括応援(投票)ボタンの作り方をご説明します。
特に難しい事はなく、下記のタグをコピーし、変更箇所を修正してご自身のブログへ張り付けるだけです。
var strUA = navigator.userAgent.toLowerCase();
function OpenWin()
{
if(strUA.indexOf("msie") != -1)
{
document.getElementById('Ranking01').click();
document.getElementById('Ranking02').click();
document.getElementById('Ranking03').click();
document.getElementById('Ranking04').click();
}
else
{
win=window.open("●発行された投票用URL●","_blank"); /* ブログランキング名 */
win=window.open("●発行された投票用URL●","_blank"); /* ブログランキング名 */
win=window.open("●発行された投票用URL●","_blank"); /* ブログランキング名 */
win=window.open("●発行された投票用URL●","_blank"); /* ブログランキング名 */
}
}
</script>
<div class="rollover01">
<a href="javascript:OpenWin()" title="このボタンで一括応援できます!"><img src="●画像のURL●" /></a></div>
<span class="b red">バナーをクリックすると下記のブログランキングへ一括投票!</span>
<a id="Ranking01" href="●発行された投票用URL●" target="_blank" rel="noopener noreferrer">ブログランキング名</a>
<a id="Ranking02" href="●発行された投票用URL●" target="_blank" rel="noopener noreferrer">ブログランキング名</a>
<a id="Ranking03" href="●発行された投票用URL●" target="_blank" rel="noopener noreferrer">ブログランキング名</a>
<a id="Ranking04" href="●発行された投票用URL●" target="_blank" rel="noopener noreferrer">ブログランキング名</a>
変更箇所
- 「●発行された投票用URL●」の箇所に、ランキング用URLを入れてください。
- 「●画像のURL」●の箇所に、使用するバナーのURLを入れてください。
例では4か所(人気ブログランキング、にほんブログ村、FC2、ブログ王)のサイトが開く設定になっていますが下記箇所をご自身の参加ランキング数に合わせて増減してください。
document.getElementById('Ranking02').click();
document.getElementById('Ranking03').click();
document.getElementById('Ranking04').click();
参加ランキングが2か所の場合
document.getElementById(‘Ranking02’).click();
参加ランキングが5か所の場合
document.getElementById(‘Ranking02’).click();
document.getElementById(‘Ranking03’).click();
document.getElementById(‘Ranking04’).click();
document.getElementById(‘Ranking05’).click();
そして下記の部分も合わせて変更してください。
win=window.open(“●発行された投票用URL●”,”_blank”); /* ブログランキング名 */
win=window.open(“●発行された投票用URL●”,”_blank”); /* ブログランキング名 */
win=window.open(“●発行された投票用URL●”,”_blank”); /* ブログランキング名 */
最後に一番下のidに合わせて変更してください。
<a id="Ranking02" href="●発行された投票用URL●" target="_blank" rel="noopener noreferrer">ブログランキング名</a>
<a id="Ranking03" href="●発行された投票用URL●" target="_blank" rel="noopener noreferrer">ブログランキング名</a>
<a id="Ranking04" href="●発行された投票用URL●" target="_blank" rel="noopener noreferrer">ブログランキング名</a>
※id部分はRanking01に登録したブログランキングはRanking01にと合わせてください。
以上となります。
HTMLの知識がある方は、タグを改造して頂いても構いません。
バナーはアイディア1つでクリック率が高くなったりしますよ♪
ブログランキングに登録することでアクセスアップ効果やSEO効果などたくさんのメリットがあります。ここではブログランキングの効果、メリットはもちろん、ランキングの仕組み、順位を上げる方法、デメリット回避、おすすめのブログランキングまですべて解説しています。