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

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

スポンサーリンク

LinkWithinについて

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

LinkWithinはブログの関連記事を紹介することができるのですが長所は導入が簡単なことです。本ブログで使っているものですが次のようになります。

逆にLinkWithinの短所はカスタマイズ性がほとんど無いということです。上の例では画像のリンクが表示されていましたが、FAQページによるとリンク先のページに画像がなければ(おそらく全て)テキストリンクになってしまうようです。

もし一貫してテキストで表示したかったり、画像で表示したかったりという場合は『Outbrain』や『Zenback』という同様の関連記事表示のブログパーツを使用することをお勧めします。

その場合はこちらの記事を参考にしてみてください。

LinkWithinの導入

LinkWithinのサイトを開いたらメールアドレス、ブログのリンク、ブログの種類を選んでボタンを押すだけです。ブログの種類はWordPress、Bloggerなどありますが、FC2ブログやライブドアブログなどはOtherを選択します。

あとは「Get Widget!」ボタンを押せばおしまいです。コードが出てくるので</body>の前に貼りつけると末尾など適当な場所に関連記事が表示されるようになります。

その他設定

任意の場所に貼りつける

上記のコードを貼りつけただけですと適当なところに関連記事が紹介されてしまいます。そこで、任意の位置にLinkWithinの関連記事を表示させたい場合は以下のようにします。

<div class=”linkwithin_div”></div>

と書いたDIV要素を貼りつけたいところに記述するだけです。ページロード時にDOM操作で追加してもOKです。(このブログではそうしています。)

You mayalso like these stories:の文字を変更する

<script>linkwithin_text=’Your custom text:'</script>

貼りつけたコードに上のコードを足してください。’Your custom text:’を自分の好きな言葉で書き換えればOKです。

<script>
var linkwithin_site_id = ○○○○○;//自分のID
linkwithin_text="関連記事";
</script>

こんな感じにすると『関連記事』という文字に書き変わります。

関連記事が同じものしか表示されない場合

設置してしばらくたっても同じ記事しか表示されない場合があるようです。そのときはサポートに問い合わせることで解決しましょう。

Otherを選んで毎回同じ記事しか表示されない趣旨のメッセージを英語で送りましょう。LinkWithinで同じ記事しか表示されない!?どうすればいいの?』という記事に詳細が載っており、非常に参考になりました。感謝!!

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

関連記事

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

相互RSSサービスのまとめ

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

記事を読む

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

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

記事を読む

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

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

記事を読む

さくらサーバーにフォルダをアップロードする方法

さくらサーバーにフォルダをアップロードする…という機能は無いみたいで個別にFTPソフトを使う必要があ

記事を読む

人気記事・ランダム記事等紹介の忍者レコメンドが大幅にパワーアップした件

以前このブログにて忍者レコメンドの紹介記事を書きました。その際にこのブログにも忍者レコメンドを設置し

記事を読む

YoutubeのURLリンクを外部プレイヤーのものに正規表現で置換する

Youtubeのアドレスを正規表現を使って抽出して外部プレイヤーのフレームに変換・置換するスクリプト

記事を読む

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

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

記事を読む

Windowsユーザが初めてMacBookを購入したときの注意点や感想

最近12インチのMacBookを購入しました。今までWindowsしか

Redmine3.2をUbuntu14.04にインストールして躓いた所についてメモ

はじめに Ubuntu14.04 ServerにRedmine3.2

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

→もっと見る

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