ブログのカスタム

お洒落でかっこいい関連記事の表示方法【こんな記事も読まれてます】【図解あり!】

f:id:soul-vibration:20171029215939j:plain

こんにちはユレオです!

ブログを巡回していて複数の画像が一か所にまとまった関連記事表記を見たことはないでしょうか?

関連記事が一つのウィンドウの中にまとまっている!しかも画像が敷き詰められていておしゃれだし、見やすい!f:id:soul-vibration:20171029215923j:plain

うーん、あんなおしゃれ表示はきっと難しい設定がいるんだろうなー と考えてたのですが、意外と簡単に設定できました。

今回はおしゃれ関連ページ表示、Milliard関連ページの設定方法ご紹介したいと思います。

●スポンサーリンク


設定手順1 関連記事ツール設定画面でコードを取得する

1:Milliard関連ページの関連記事ツール設定画面に行きます。

関連記事ツール設定画面(http://corp.shisuh.com/milliard%E9%96%A2%E9%80%A3%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/)

 2:必要な個所に情報を入力します。

f:id:soul-vibration:20170714232652j:plain

設定が必要なのは以下の通りです。

①:トップのURLを入力。関連記事を作りたいブログのURLです。

(例:https://www.tamashii-yusaburuyo.work/)

②:サイトタイプの選択。

③:紹介文の指定。上部の関連記事の説明文を指定できます。

(例:他にこんな記事も書いてます)

④:並び順を選択。

⑤:表示位置の選択。「挿入箇所」をお勧めします。

⑥:PCでの表示の指定。パネルタイプにすると目的の見た目になります。

⑦:スマホでの表示の指定。好みに合わせて指定してください。

最後にコード取得ボタン押します。

3:コードが表示されるので全選択してコピーします。

OKを押せば1つ前の設定画面に戻ります。

f:id:soul-vibration:20170714234505j:plain

スポンサーリンク

設定手順2 はてなブログ画面

1:はてなブログの デザイン→カスタマイズ→記事→記事下を選択します。

f:id:soul-vibration:20170715082952j:plain

2:先ほどコピーしたコードを張り付けます。

f:id:soul-vibration:20170715000715j:plain

3:デザイン→カスタマイズ→記事→記事ページをプレビューを押します。

f:id:soul-vibration:20170715001049j:plain

4:記事下部分に先ほど張り付けたコードの関連記事が表示されます。

問題がなければ画面左上の「変更を保存」を選択します。

f:id:soul-vibration:20171029215625j:plain

以上で終了です。

関連記事がかっこよく並んで表示されるのでついつい見てしまいます。

うまくいけば別の記事を読んでもらえるきっかけになるのではないでしょうか。

スポンサーリンク

●スポンサーリンク


おすすめのアフィリエイトASP ベスト3

「ASP(アフィリエイト・サービス・プロバイダ)」とは、アフィリエイトの広告主とブログ運営者を繋ぐ仲介業者のことで、ブログ運営で広告などを掲載するにはASPに登録する必要があります。そうしたASPは数多くありますが、初心者向けのおすすめのASPをご紹介いたします。

1位 A8.net

A8.netは広告主数が豊富で、ブログを始めたばかりの方もwebサイトやブログを登録できますし、手続きも簡単でアフィリエイトを手軽に始めることができます。

また、A8.netでは「セルフバック」が充実しており、自分で商品の購入やサービスを利用できるので、レビュー記事が書きやすい特徴もあります。
 
総合
商品種類
初心者向け

A8.netの詳細ページはこちら

 
2位 もしもアフィリエイト

もしもアフィリエイトはブログ運営の初心者でも成果を上げられるように詳しく書かれたマニュアルがあるなど、「ブログ運営初心者に対して嬉しいサービス」が充実しています。

また、Amazonアソシエイトと楽天アフィリエイトをまとめれるので管理がしやすく、W報酬制度やプレミアム報酬などの独自の報酬制度があります。
 
総合
商品種類
初心者向け

もしもアフィリエイトの詳細ページはこちら

 
3位 バリューコマース

バリューコマースはYahooショッピングでの報酬の取りまとめに力をいれていたり、スマートフォン向けのオーバーレイ広告が掲載できます。

また、メルカリなどのバリューコマースにしかない広告案件があり、ンのASPがすでにあったとしても広告案件の隙間を埋めたり、登録しておいて損はありません。
 
総合
商品種類
初心者向け

バリューコマースの詳細ページはこちら

スポンサーリンク