参考にしたのはここ。
- Bloggerにzenbackを設置する
TAKASUN ブログ
Zenback サイトでの登録
以下、実施ログ。
まずは、Zenback サイトでアカウント作成とブログの登録登録。
- Zenback のサイトで 「新規登録＆コードを取得する」。
- メールアドレスと Zenback ログイン用のパスワードを指定。
- Blog の URLを入力する。
- 表示したい項目を指定。
ソーシャルボタン、関連する記事、関連するみんなの記事（必須）、Twitter での反応、
はてなブックマークでの反応、Facebook コメントがある。
Twitter のパスワードもここで指定する。
デフォルトでは全部ついているのでとりあえずそのまま。
不要ならきっとあとで外せるだろう。Twitter のパスワードは未入力のまま。 - ブログに張り付けるためのスクリプトが出力される。
出力されたスクリプトはこんな感じ。
<!-- X:S ZenBackWidget --><script type="text/javascript">document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//xawa99.blogspot.jp/&nsid=107166696824918689%3A%3A107166812789038893&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script><!-- X:E ZenBackWidget -->
Zenback の管理画面
スクリプトコードを取得すると、Zenback の管理画面に遷移する。
ここでは、挿入するスクリプトの再表示やウィジェットのテーマ、表示する項目、ソーシャルボタン、関連する記事の表示設定が選べる。
関連する記事の表示設定では「サムネール付き」と「テキストのみ」が選べる。
このブログの記事はどこもテキストだらけで代わり映えがしないのでサムネールをつける意味は全くないのだが、とりあえずはデフォルトのサムネールつきのままにしておこう。あとで変える。
ブログにスクリプトを挿入する。
Blogger の管理画面の「レイアウト」で、好きな場所でガジェットの追加をして「HTML/JavaScript」ガジェットを追加する。
そのコンテンツとして先ほどの Script をペースト。HTML の編集をしないで済むので簡単でいい。
表示してみる。
「関連する記事」や「関連するみんなの記事」には「表示されるまで数分〜最大で数日ほどかかります。しばらくお待ちください。」と表示される。
Zenback ブログによると、
zenbackのコードを貼ってから、「関連記事」「関連リンク」が表示されるまで、数時間～最大30時間ほどかかる場合があります。ご了承ください。ということらしい。
何日かするとこの部分に関連する記事が表示されるようになる。大体２～３日はかかるみたい。
ガジェットを張り付けた位置に、「zenback読み込み中です。」が表示されたままになる場合には Script が間違っている可能性があるので要確認。
一時期、Zenback にブログを登録した直後に表示される Blogger 用の Script が間違っていたらしいので、 その場合には、Zenback の 管理画面から再度 Script を取得しなおして貼りなおす。
テンプレートカスタマイズ
「HTML/JavaScript ガジェット」 だとトップページを含めすべての画面に関連記事一覧が表示される。
関連記事という性格上、個別記事ページだけでよいのだが残念ながらそうはいかない。
個別記事ページのみにする場合には テンプレートをカスタマイズする必要がある。
swordsmith ブログにそのあたりが詳しく記載されているので、気が向いたらそのうちやってみよう。
0 件のコメント:
コメントを投稿