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

関連記事

【HTML/jQuery UI】NumericUpDownを設置する【Spinner】

HTMLタグにNumericUpDownがないか探したのですがないみたいなのでそれが使えるようなもの

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

【jQuery UI】Sliderのオプション変更やイベントを取得をする方法

jQuery UIを使ってスライダー(トラックバー)を作ります。その際に起こるイベントとしてスライダ

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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 ↑