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

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

スポンサーリンク

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

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

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

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

設置方法

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

トップページ

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

パス設定

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

スクリプト

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

スクリプト

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

編集

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

編集画面

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

カスタマイズする

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

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

最後に

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

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

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

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

関連記事

zenbackcomment1

ブログのコメント欄をTwitterやFacebook、はてなのコメントで代用する方法

最近になってコメント欄にスパムっぽいものが大量に飛んでくるようになったのでどうにかしないと、と思い一

記事を読む

3782274675_baefcac242_m

Windows7でVirtualBoxとVagrantを使ってローカル開発環境を構築する

Vagrant(ベイグラント)とは http://www.vagrantup.comで入手できる仮

記事を読む

wwwimage

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

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

記事を読む

git_fetch

【TortoiseGit】複数のリポジトリを統合する

やりたいこと 最近WindowsにTortoiseGitを導入してリポジトリを作ったり、履歴をプッ

記事を読む

encodingtype

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

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

記事を読む

404NotFound

livedoorblogのタグのページが404 Not Found

別のブログとしてライブドアのものを使っているのですが、タグを編集していた際に特定のタグ一

記事を読む

41e9FqN1XjL._AA180_

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

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

記事を読む

abataaa1

かわいい女の子のアイコンやアバター画像を作れるサイト

TwitterやFacebookなどでアイコンが欲しくなることってあるかと思います。私も色々検索して

記事を読む

_rtm0919_tp_v

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

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

記事を読む

nc23924

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

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

記事を読む

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 ↑