関連記事を手軽に表示できるzenbackの導入方法

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

スポンサーリンク

関連記事を手軽に表示できるZenbackというサービスの紹介です。

関連記事の表示を手助けしてくれる無料ツールには『LinkWithin』や『Outbrain』といったものがありますが、このZenbackはソーシャルボタン(TwitterやFacebookのいいねボタン)およびそのコメントの設置や全記事共通に出すことのできるお知らせ画面の表示といったことも簡単にできます。

また、関連記事を画像にするかどうかも設定することが可能で、画像がない記事には専用の画像が表示されるようになっています。

欠点としては他サイトの関連記事も表示される、広告が表示されるなどがありますが、十分使えるパーツですので検討してみてはどうでしょうか。

設置方法

まずはZenbackのサイトに行って登録を行います。

トップページ

新規登録ボタンを押すとメールアドレスとパスワードを要求されるので入力します。

パス設定

そのまま次へ進むとサイトアドレスを入力します。そして必要なソーシャルボタンの設定を行います。

スクリプト

「お知らせ欄」(この下に広告が出る)と「関連するみんなの記事」は強制的に表示となります。ここは後で変更可能なので適当でもかまいません。

スクリプト

そしてスクリプトコードが出てくるので記事下など表示させたい部分に貼りつけます。

編集

これで完了です。もし他のブログを追加したい場合は「新規ブログを追加」ボタンから行えます。また、管理画面の編集(EDIT)ボタンから表示・非表示、表示の順番などを設定することができますが、一部の変更は不可能になっています。

編集画面

例えば関連記事数の設定やTwitterコメント表示の設定、表示の順番の変更などが可能です。

カスタマイズする

非常に簡単に設置できて素晴らしいパーツなのですが、デザインなどカスタマイズしたいといったことも出てくるかもしれません。これについては実は公式でハックの方法が紹介されていますのでそちらが非常に参考になります。

『zenback デザインハックブログ』:http://designhack.zenback.jp/

最後に

zenbackを使ってみた感想としては、設置が非常に簡単で、ソーシャルボタンまで表示してくれるので非常にありがたいと感じました。広告についても表示の順番を変更すれば極力目立たないようにできるのであまり気にならないですし、ハックについても公式で詳しく解説されているのでカスタマイズが簡単というのが良いです。

また、初めの方に他のサイトの記事も表示されてしまうと書きましたが、逆に言うと他のサイトで自分の記事が表示されていることもあるということで、まれにZenbackを利用している大手サイトからたくさんアクセスが入ってくるといったハプニングもありました。

欠点としては前述したように他サイトの記事が強制的に表示されてしまうということ。そして、読み込みに若干時間がかかる(スクロールして該当箇所にたどりつくと読み込みを開始する。)ということや、Twitterフォローボタンは強制的に表示されるのでアカウントがない場合はZenbackのアカウントが表示されるといったことが挙げられます。

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

関連記事

FC2ブログからWordPressへの引っ越しについて

今までFC2ブログでメモを残していましたが、WordPressに移行することにしました。理由としては

記事を読む

スクレイピングをサポートしてくれるAPI【kimono】

kimonoというスクレイピングをAPI化してくれるという素晴らしいサービスがあります。

記事を読む

PEARをレンタルサーバーにインストールする

共用レンタルサーバーにPEARをインストールしたときにてこずったところについてメモ。今回レンタルサー

記事を読む

人気記事表示ブログパーツの忍者レコメンドを使ってみる

忍者レコメンドとは 今回は忍者レコメンドという人気記事表示のブログパーツを紹介します。忍者レコメン

記事を読む

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

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

記事を読む

ニコニコ動画のユーザーおよびマイリストのRSSフィード

ニコニコ動画のユーザーページのRSSフィードおよびマイリストのRSSフィードは次のようになっています

記事を読む

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

TwitterやFacebookなどのソーシャルボタンを付ける方法です。ソーシャルボタンを付けるには

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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 ↑