絶景@日本

素人写真で紹介する日本の絶景スポット


横浜ロイヤルパークホテルからの夜景
お台場レインボー花火
ススキ
わたらせ渓谷の紅葉
 
みさきまぐろきっぷ
 
豪徳寺
彼岸花
東京の夜景
蓬莱橋
駿河湾の夕焼け

【GoogleAdSence】申請時に行っていたカスタマイズのまとめ





おススメの記事・カテゴリー




スポンサーリンク


f:id:zekkei-japan:20170929230248p:plain

当ブログは

ZENO-TEAL - テーマ ストア

を使用していますが、アドセンスに申請した時のカスタマイズについてまとめてみました

なお、以下の4つのカスタマイズをした上で申請しましたが、見事に1発で合格しました☆

ヘッダー下のグローバルメニュー

使用させて頂いているテーマのページにいくつかカスタマイズ方法があり、
その中にある

カスタマイズ2:タイトル下にグローバルナビゲーションバーを表示 - ZENO-TEAL

を参考に設置しました

ヘッダー下へのおススメ記事

グローバルメニューの下にスライドショーのようなおススメ記事を以下のようなタグで設定しました

まず、設定>詳細設定>headに要素を追加に

<!-- スライダー設定始まり -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script><!-- ←は既にjqueryを読み込んでいる場合は不要 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.js" defer></script>
<script>
$(document).ready(function () {
// initiates responsive slide gallery
var settings = function() {
var settings1 = {
minSlides: 1,
maxSlides: 1,
moveSlides: 1,
mode: 'horizontal',
startSlide: 0,
captions: true
};
var settings2 = {
minSlides: 2, //スライダーの最小数を設定
maxSlides: 4, //スライダーの最大数を設定
moveSlides: 1,
mode: 'horizontal', //スライダーのスタイル設定
slideWidth: 280, //スライダーの大きさ
startSlide: 0,
slideMargin: 10,
captions: true, //キャプションの有無
adaptiveHeight: false
};
return ($(window).width()<630) ? settings1 : settings2;
}

var mySlider;

function slideSetting() {
mySlider.reloadSlider(settings());
}

mySlider = $('.slider').bxSlider(settings());
$(window).resize(slideSetting);
});
</script>
<!-- スライダー設定終わり -->

 
を追加して、デザイン>カスタマイズ>ヘッダに

<!--スライダー始まり--><br>
<div id="slider_wrap">
<div class="slider">
<div class="slide-inner"><a href="記事のURL"><img src="画像のURL" alt="画像のタイトル" title="表記するタイトル"></a></div>
</div>
</div>
<!--スライダー終わり-->


を追加しました
ヘッダに書き込むタグの黄色文字の部分を増やした分だけ表示する数を増やす事が可能です

サイドバーモジュールのタブメニュー化

サイドバーモジュールのタブメニュー化はゆきひー(id:ftmaccho)さんの記事を参考にさせて頂きました

はてなブログで複数のサイドバーモジュールをタブメニューにして回遊率アップを狙うカスタマイズ - Yukihy Life

現在は最新の記事、人気の記事、カテゴリーの3つですが、TwitterもしくはInstagramを4つ目の
タブメニューとして考えています
アドセンス申請時には外部とのリンクがあると良くないと思い、申請段階では4つ目を省きました
また、カテゴリーに関してはデフォルトのカテゴリーではなく、HTMLで作成しています

記事下の関連記事 - Milliardを設定

こちらはもう1つの雑記ブログ(本当は税金と暮らしについてを書くつもりが、、、もはや雑記ブログですw)の記事を
参考にしています

【はてなブログ】記事下に関連記事のカスタマイズ Milliardを設定 - 税と暮らし

なお、当ブログでは絶景の写真がメインなので関連記事の表示方法も画像が大きく表示される
パネル式で設置しました

 

以上、4つのカスタマイズで無事に審査を通過しましたが、今後は見やすくシンプルなブログのカスタマイズを
実行していきたいと思います