関連記事を表示させるブログパーツ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
  • このエントリーをはてなブックマークに追加

関連記事

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。 下記2点の設定が必要です。

記事を読む

ニコニコ動画のURLリンクから外部プレイヤーのスクリプトに正規表現で置換する

ニコニコ動画の動画のアドレスを抽出して外部プレイヤー貼りつけソースのスクリプトに変換するソースです。

記事を読む

相互RSSサービスのまとめ

ブログやサイトを作ると相互RSSという名前を聞くことがあると思います。相互RSSとはざっくりいうと他

記事を読む

さくらとロリポップのcronについての比較

私は今さくらのレンタルサーバーとロリポップのレンタルサーバーを両方試してみているのですがそのcron

記事を読む

【jQuery】サイドバー固定に役立つサイト集

縦スクロール 縦方向にスクロールして指定の位置に来たら要素を固定させる方法のリンク集を紹介させてい

記事を読む

【HTML/CSS】タイトルロゴ画像の設定の方法

自分のブログやサイトのタイトル部分にトップ絵画像を設置する方法です。方法としてはimgタグをHTML

記事を読む

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

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

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

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

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

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

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

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

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

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

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

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

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

→もっと見る

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