関連記事を表示させるブログパーツOutbrainの導入方法

公開日: : 最終更新日:2014/08/14 サイト制作, 関連記事等

スポンサーリンク

関連記事を表示させるブログパーツOutbrainの紹介です。

このOutbrainの長所は細かい設定が可能ということです。他の関連記事表示パーツのLinkwithinは関連記事の内容によっては画像だったりテキストだったりと気まぐれな感じですが、それとは違ってリンクをテキストにするか画像にするかちゃんと指定することができます。

そして、もちろん、このパーツはWordPressだけでなくどのブログにも使えます。

ただし、LinkWithinは導入がえらい簡単なのでそっちで構わないという方はそちらを検討してみてください。

また、『Zenback』という関連記事紹介パーツは読み込みに若干時間がかかりますが、導入も簡単で画像もうまく表示してくれるのでこちらも検討してもよいと思います。さらに、TwitterやFacebookのボタンおよびコメント表示機能も付いているので非常に便利です。

話を戻して一例として実際にOutbrainを使うとどういう表示になるのか紹介します。


↑テキストで表示させています。


↑本家サイトのものです。

Outbrainの導入方法

まずはOutbrainのサイトにアクセスします。

そしたら右上の「Register」ボタンを押して登録します。ボタンを押すと次のような画面になると思うのでユーザー名、パスワード、メールアドレスを記入して「Register」ボタンを押します。

そしたらそのメールあてにメールが届くのでそこのリンクからもう一度アクセスします。ログインが成功したらアカウント画面から「Manage Blogs」の画面を開きます。するとそこに「+Add a Blog」があるのでそこから関連記事を表示させたいブログを登録します。

色々聞かれますが、「Install widget?」を「Yes」として「Choose Your Platform:」では使用しているブログを選んでください。左4つのWordPressやBloggerのブログでなくFC2やライブドアブログなどの人は一番右の「Javascript」を選択びましょう。

言語を選んだら関連記事のリンクをテキストにするかサムネイル画像にするか選択しましょう。これは後からでも変更できるので深く悩む必要はないです。これで「Continue」ボタンを押せば完了です。

次のページでは貼りつけコードが出てくるので貼りつけたい場所など指示に従って指定の場所にコピペしてください。

後は設定を変えたいときは管理画面の「settings」から画像リンクかテキストリンクか、関連記事をいくつ紹介するかなど変更できます。

また、サイトパフォーマンスからはどれくらいクリックされたかなど評価を確認する機能も備わっているのでどれくらいクリックされていてちゃんと効果があるのかチェックすることもできます。

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

twitterimage

【PHP】Twitterのツイート数やはてぶ数を取得する

指定URLのTweet数の取得 Twitterでツイート数を取得するには指定のURLにアクセスする

記事を読む

TIG89_benchinikoshikakerujyosei500-thumb-500xauto-4230

美人画像を表示してくれるブログパーツまとめ

美人時計など有名なものもありますが、美人画像を表示してくれるブログパーツをまとめました。暦や時刻を表

記事を読む

capturefullpageimg1

指定URLのWebサイトの画面全体をキャプチャする方法

Webサイトのスクリーンショットを撮る方法としてはいくつかありますが、各方法ごとに調べたものを紹介し

記事を読む

PocketImage

Pocketのソーシャルボタンをブログ・サイトに設置する方法

後で読みたい記事を保存することのできるPocketのソーシャルボタンの設置方法についてです。このボタ

記事を読む

linkwithin_image_demo1

関連記事を表示するブログパーツまとめ

これまでいくつか関連記事を表示させる方法について記事を3つの記事投稿してきましたが、ここで簡単にまと

記事を読む

61m2fdbtoTL._AA180_

ニコニコ動画の検索APIについて調べたのでメモ

ニコニコ動画にはAPIがあり、動画の情報(タイトルとか再生数とか)を取得したり、ランキング情報(RS

記事を読む

linkwithin

関連記事を表示させるブログパーツLinkWithinの導入方法

LinkWithinについて ブログに関連記事を表示するパーツ『LinkWithin』を紹介します

記事を読む

RSS-Icon-Image

ニコニコ動画やYoutubeのRSSフィードもサムネ付きで手軽に表示できるブログパーツ

通常サイトのRSSだけでなく、ニコニコ動画やYoutubeの動画サイトのRSSを読み込んでサムネ画像

記事を読む

twitterimage

任意URLのTweetボタンを複数設置する

TwitterのTweetボタンをWebサイトやブログに複数設置する方法です。複数設置するということ

記事を読む

wwwimage

お名前.comのでサブドメインを取得してロリポップで使う方法

タイトルどおりなのですがお名前.comで取得した独自ドメインからサブドメインを取得し、ロリポップで使

記事を読む

encodingtype
【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

_rtm0919_tp_v
スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

rssimage
【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

rssimage
フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

computer_server
格安プラン限定レンタルサーバー機能比較表(2016年)

はじめに  最近新しい共用サーバーをレンタルしようと思い調査およびそ

school_toshokan_hondana
kindle unlimitedが便利だったのでお勧めの使い方など感想メモ

 kindle unlimitedというサービスが8/3からAmazo

TAKEBE055122558_TP_V
寝る前にスマホを見ると斜視になる可能性とその対策

はじめに  寝る前などスマホを横になりながら見続けると斜視になる可能

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑