ブログ運営 ブログ運営-コスパのいいブログ運営研究

【中級者向け】ブログ記事直下(ソーシャルボタン上)に自動でブログ村ランキングボタン・twitterフォローボタン等を配置する方法

僕は少し前まで、ブログ記事を書いたあとに手動でブログ村やブログランキングのHTMLを記事直下にコピペしていました。
けどそれだと微妙にめんどくさい。

 

なので最近は記事直下になにも置かず、記事下にランキングボタンを配置しました。
でもそれだとソーシャルボタン群の向こう側になるので記事から微妙に距離があるし、記事直下は少し寂しい状態でした。

※ちなみに少し前まで関連過去記事も手動で記事直下に配置していましたが、これはMilliardの導入により解消しました。ブログカードそのままで入れるとガタガタになるしね!

『はてなブログ』PC画面のサイドバー情報を断捨離し、Milliardを導入してみた! - A1理論はミニマリストなIT系営業マン

 

で、最近、NHKミニマリスト特集の放映などでブログ村のミニマリストランキングが群雄割拠になってきて、僕のこのブログも50位以下に落ちてしまいました。

50位以下に落ちてしまうと1ページ目から外れます。ブログ村ランキングの2ページ目はなかなかクリックしてもらえません。
どうにか50位以内はキープしておきたいな、と思っていました。

(「自分押し」&割合100%&記事下クリックだけでは50位以内は厳しくなってきました。)

 

スラスラわかるHTML&CSSのきほん

スラスラわかるHTML&CSSのきほん

 

 

そんな折、昨日、ヒトデ氏のこの記事を読んで、

【コピペでOK】はてなブログでアドセンスの配置に役立つコードの書いてある記事をまとめたよ!(スポンサーリンク表記、横並び、ソーシャルボタン下、記事中) - 今日はヒトデ祭りだぞ!

この記事を参照にして記事直下、ソーシャルボタン上にアドセンス広告を配置してみました!

【はてなブログ】記事本文の直下にアドセンスを設置する方法 - チップの日常

アドセンスが二連続は美しくなかったし、画面をアドセンスが埋め尽くしてしまうのも問題だった、さらに下のアドセンスはクリック率が低かったのでそれらはこれ一発で解消されました。

 

そして今日、ふと、
「それならブログ村ランキングボタンやtwitterフォローボタンもその上に配置できるんじゃないのかな?」
と思い、配置してみたら簡単にできましたw

 

アドセンス広告の上に配置するだけでした!w
こんな感じです。

 

<div id="my-footer">

▼(例)毎日元気につぶやき中!

<br>

※ここにtwitterフォローボタンのコード貼り付け
<br>

▼(例)クリック頂けると励みになります!

<br>
※ここにブログ村・ブログランキング等のコード貼り付け
<br>
【スポンサーリンク】

<br>

※ここにアドセンスのコード貼り付け
</div>
 <script>
 var myFooter=document.getElementById("my-footer");var temp=myFooter.cloneNode(true);myFooter.parentNode.removeChild(myFooter);document.getElementsByClassName("entry-content")[0].appendChild(temp);
 </script>

 

これで、モバイル・PC画面共に、読者の方が記事を読み終わった後に、

・twitterフォローボタン・ランキングパーツ

・アドセンス広告

ソーシャルパーツ群・読者登録ボタン・ランキングパーツ(再)

・アドセンス広告

関連記事・注目記事・関連記事(再)

という美しい流れができて満足していますw

この応用技でfeedlyボタンやはてなブログの「読者になる」ボタン、プルダウンメニュー等をソーシャルボタン上に設置してもいいかもです!

 

【いくつかアドバイス】

作業はモバイル画面から先に手を付けたほうがいいです。

モバイル画面完成後、うまく行ったコードをPC画面にコピペして調整。

 

あと、ボタン上等に付ける、

▼毎日元気につぶやき中!

等の例文はあまり長いとスマホによっては二行になるのでこれくらいの長さがいいと思います。

twitterのフォローボタンのコードは▼ここで手に入ります。

Twitterボタン | About
ブログ村やブログランキングボタンのサイズと合わせて大きいボタンにしたほうが見栄えがいいと思います。

<br>

のタグはめんどくさいのですが、これがないとパーツや文章が並べて表示されてしまうので挟みましょう。

逆にブログ村ボタンとブログランキングは離さず、左右に並べて表示ほうがいいと思います。
▼こちらをご参照。

バナーを並べて表示したいのですが・・・ - にほんブログ村 メンバー要望掲示板

要はブログ村画面上の「バナーのテキスト表示をオフにする」にチェックです!

 

皆様のブログコスパが上がることを願っています♪

ミニマリズム ミニマリズム-生活

2021/7/27

【ゴキブリ対策2021夏】これが我が家の最新戦略!「2つの結界」&「2つのカウンター攻撃」!

楽しみながら年に1度、夏にゴキブリ対策をするA1理論です!今年2021年も昨日、ゴキブリ対策しました!もう夏の風物詩ですねぇw 今年の対策は昨年の戦略を踏襲しつつも、若干、戦略を改良してみたのでそれらをまとめてこの記事にしてみました! この記事が家のゴキブリ対策に悩む皆さんの手助けになれば幸いです! ※お食事中の方、この話題が苦手な方はご注意を! 目次1 ゴキブリ対策は『段取り八分』!戦略ですべてが決まるタクティクスバトル!積極的に楽しもう!2 ゴキブリ対策は毎年、記録しておけば翌年の対策の手間がミニマム ...

ReadMore

ミニマリズム ミニマリズム-生活

2021/7/25

長年悩んでいたバスタブの黒ずみ(黒カビ)はカビキラー&ミニマム労力でこんなふうに全部落とせた!茂木和哉さんの本もオススメ!

今のアパートに引っ越してきて10年以上経ちますが、ずっとバスタブ(浴槽)の黒ずみがついていて、何度も力一杯こすったり、いろんな洗剤や洗浄液を試してきましたがほとんど落ちずに今日までほぼ落ちずに諦めていたA1理論です。 そんな「万年黒ずみ」だったうちのバスタブが本日、まるで魔法のように綺麗になり、未だにちょっと信じられません!夢みたいです!w 今回はそのなりゆきと、綺麗になった理屈もわかったので記事にしたいと思います。お風呂に限らず、部屋や家の汚れがずっと落ちなくて困っている方は必見です! ※途中でバスタブ ...

ReadMore

ミニマリズム ミニマリズム-生活

2021/7/24

トイレ掃除の『三種の神器』はサンポール・フッ素ガード系トイレブラシ・古い歯ブラシだと実際に使ってみて思った!コスパも最強!

独身アパート一人暮らしのA1理論です!今まで18年くらいトイレ掃除しています! 今回は僕なりの「トイレ掃除の最適解」を見つけてしまったので記事にしてシェアしてみようと思います。 まぁ、タイトル通りなのですが、このサンポール・フッ素ガード系トイレブラシ・古い歯ブラシが最適解な『三種の神器』かなと思いました! ※今回の記事では実際のトイレ(便器)の写真はありません。サンポールの使い方などが気になる方は画像検索・動画検索などをしていただければ! 目次1 まずはサンポールだけでもかなり最強!2 サンポールの三大メ ...

ReadMore

ミニマリズム ミニマリズム-生活 人生 人生-大学入試・就活

2021/7/22

退職まえにチェック!【退職したらすることリスト2021】&自己都合退職を特定理由離職者(会社都合退職)に変える方法!

2021年6月末で派遣会社を退職したA1理論です。 前回退職したのが2017年だったので4年ぶりの退職&雇用保険申請になりますが、やはり4年ぶりとなると【退職したらすること】についていろいろ忘れていた部分や、前回は情報がなくあまり理解していなかった部分もわかったので、今回、上記のように2021年版としてリスト化してみました。 また、これと並行して離職者には問題になってくるであろう自己都合退職を特定理由離職者(会社都合退職)に変える方法についても併記してみました! 退職前後は各種対応等でヘトヘトにな ...

ReadMore

ミニマリズム ミニマリズム-生活 人生 人生-考え方

2021/7/22

コロナ禍の雇用保険(失業保険)申請【2021】〜『風の時代』の求職者たち〜

2021年6月に派遣切りに遭い、今月7月にハローワークに雇用保険(失業保険)の申請に行ってきました。 前回2017年夏に失業してハローワークに行った時の自分のブログ記事が今回、自分的にめちゃくちゃ役に立ったのと、前回と今回で「コロナ禍」という大きな違いがあってハローワークのシステムもいろいろ変わっていて驚いたので、それも含めてまとめて記事にしてみようと思いました。 この記事が誰かのなにかの役に立てれば幸いです。 目次1 コロナ禍に失業したので、しばらくゆっくりしようと思った。2 前回2017年夏に失業した ...

ReadMore

-ブログ運営, ブログ運営-コスパのいいブログ運営研究

© 2021 A1理論はミニマリスト Powered by AFFINGER5