【2017年最新Adsense対応】はてなブログ徹底カスタム法
今回ははてなブログユーザー向けのAdsense対応カスタマイズ法を紹介していきたいと思います。
知っていることも多いかと思いますが、知らないことや、おっと思うカスタムがあればぜひ導入してみてください。
- カスタム前の注意事項
- フォローボタンのカスタマイズ
- シェアボタンのカスタマイズ
- 記事タイトルのカスタム
- 読者になるボタンだけ設置
- リストのカスタム
- パンくずリストの設置
- 目次のカスタム
- ヘッダーメニュー(グローバルナビ)の設置
- トップページ画面のカスタム
- 『続きを読む』をカスタム
- ヨメレバ・カエレバのカスタム
- Facebookのページを表示する方法
- Adsenseの記事中自動挿入化
- サイドバーのカスタム
- Youtubeを張りつけても重くならない方法
- 吹き出し会話にする方法
- TOPに戻るのが楽になるやつ
- カテゴリーごとにオススメ記事を切り替える
- 最後に
カスタム前の注意事項
カスタマイズしていく上で、必ず頭に入れていただきたいものが数点ありますので、まずはそちらからチェックしてください。
カスタム前のコードはメモ帳にバックアップを！
ブログユーザーならこんなこと百も承知かと思いますが、何か書き換えるときは必ずバックアップを取っておいてください。メモ帳でなくても使い勝手のいいどこかにとっててくださいね。当ブログのカスタム法で動作不良に陥っても責任はとれませんよ〜。
適宜動作チェックをする
カスタマイズをしていく中で、PCのみでなくスマホでも動作チェックを行ってください。
PCでは完璧なカスタムも、スマホだとダメなんてこともよくある話です。
今の時代はどれだけスマホ目線に立てるかで大きく変わってきます。
カスタムのしすぎはNG
カスタマイズすると、ブログはいい感じになり、SEOにも効果ありですがやりすぎると重くなったり、干渉することもあります。
特に、JavaScriptとjQueryを使ったカスタマイズは速度に影響が出やすいので注意です。
このサイトで速度をチェックできます。
使用したコードに変更がないか定期的にチェックする
これは結構忘れがちです。そして重要です。
カスタム終わった！もう確認はいいや！ではなく、2~3ヶ月に一度は導入したカスタムの変更がないかチェックしてください。
コードにミスやバグがあるかもしれません。公開された後に修正されていることもあります。
また、各WEBサービスが提供しているAPIには稀に仕様変更があるので、カスタマイズのコード修正を余儀なくされることがあるからです。
それでは事前確認はここまでで、本題行っちゃいましょう。
フォローボタンのカスタマイズ
はてなブログの読者や、Twitter、FacebookなどSNSのフォロワーを増やしたい方にオススメのカスタマイズです。
シェアボタンのカスタマイズ
こちらも定番カスタムです。 デフォのシェアボタンだと読み込みが遅く、スマホに表示されないこともあります。
記事タイトルのカスタム
ブログの印象がガラッと変わり格段に見やすくなります。
必ずやっておきましょう。
読者になるボタンだけ設置
読者登録ボタンだけを強調したいという方はこちら。
リストのカスタム
パンくずリストの設置
目次のカスタム
ヘッダーメニュー(グローバルナビ)の設置
ヘッダー部分のメニューからブログを回遊してくれる人を増やしましょう。
トップページ画面のカスタム
SEOに大いに効果ありだと言われています。
『続きを読む』をカスタム
続きを読むを見やすくする方法です。ついでにオシャレにもしちゃいましょう。
ヨメレバ・カエレバのカスタム
楽天市場やAmazonのリンク生成をしてくれるヨメレバ・カエレバのカスタムです。
クリック率上昇が見込めます。
Facebookのページを表示する方法
happylife-tsubuyaki.hatenablog.com
Adsenseの記事中自動挿入化
毎回記事中に貼るのは面倒なので、自動化しちゃいましょう。 これ、かなりオススメです。
サイドバーのカスタム
サイドバーを固定(追従)させる方法です。
Youtubeを張りつけても重くならない方法
吹き出し会話にする方法
かなり簡単にできるので興味があればどうぞー。
TOPに戻るのが楽になるやつ
カテゴリーごとにオススメ記事を切り替える
カテゴリーごとにオススメ記事が切り替わるので、回遊率が高まります。
最後に
今回は役に立つ色々なカスタム法をご紹介させていただきました。
この中でおっと思ったものがあれば、ぜひ参考にしてみてください。
