zenbackを貼り付けてみたけれど…

Web デザイン、インダストリアル・デザインやプロダクト・デザイン。

デザインワークス・オンサイド

weblog | 暮らしの中で見つけた素敵なモノとデザイン...暮らしの中で見つけた素敵なモノや日々のことなど、気ままにのんびり綴っています。

zenbackを貼り付けてみたけれど…

July 15th, 2010

シックス・アパートの新サービスである zenback を貼り付けてみた。
現在はベータテスト中で、正式なサービス開始は8月以降らしい。
で、どういうサービスかというのは zenback のサイトを見てもらえればいいわけですが、まだベータテスト中ということなのか詳しい説明がないので、「不親切だなぁ」と思っていたらブログに色々と書いてあるのね。

サイトからの引用ですが、

zenbackとは？ – zenbackブログ

zenbackは、ブログ記事のテンプレートにスクリプトコードを埋め込むことで利用できます。ブログの記事の下や横に、
・その記事に関係する自分のブログ記事
・その記事に関係する他のzenbackユーザーのブログ記事
・その記事についての最新のTwitterのつぶやき
・その記事についてのはてなブックマーク
・その記事の最新のアクセス元（リファラ）
を表示します。

ということです。
つまり、その記事の関連記事を表示してくれるということは、訪問者がサイト内をグルグルと巡回してくれたりする可能性が増えるということで、過去記事を掘り起こそうということです。
関連リンクでは、zenback ユーザー同士を繋げて各ブログ間を行き来することによる新たな読者を獲得することができる。
また、Twitter へのツイートボタンやはてなブックマークのボタンによって、記事を広めてくれることも期待できたり、ブログ記事内で Twitter やはてなブックマークが表示されるので、反応がよくわかります。

設置は、zenback の JavaScript コードを貼るだけです。
関連記事や関連リンクなど、表示されるまで『数分?最大で１日ほど』時間がかかりますが、それほど気になることはないと思います。

ただ、jQuery を使っていると、いくつかのスクリプトとコンフリクトするようです。
zenback の JavaScript コードを貼った箇所よりも後ろでコンフリクトするスクリプトを読み込ませる必要があるみたい。

一応、デザインのカスタマイズもできるようですが、使ってみた感想としてはまだまだです。
ブログパーツのid／class構造とcssについてを見ると、zenback が表示される部分の構造（ id やclass ）とそれのスタイルが載っていますが、こちらも zenback の JavaScript コードを貼った箇所より後ろに記述する必要があるみたい。
<head> 要素として上記のスタイルシートをの <link> タグにて読み込ませ、背景色などを変えてみましたが変化がありませんでした。
試しに zenback の JavaScript コードを貼った箇所より後ろに記述してみるとスタイルは利きました。
ただ、これだと <body> 内に記述しないといけないので、ちょっと問題です。
それとも何か方法があるのでしょうか？
私が勉強不足なだけ？

いずれにしてもこのようなサービスは大変便利でありがたいです。
まだ、ベータテスト中ということなので誰でもすぐに利用できないと思いますが、是非一度試してみる価値はありそうです。

この記事の下に貼り付けていますので、ご覧下さいませ。

tags : Blog Service , Hatena , Six-Apart , Social Network , Twitter

July 20th, 2010 -- ちょっと笑ってしまった…
他愛もないことなのですが... ソーシャルサービスとかソーシャルネットワーキングサイト、ソーシャル・ネットワーキング・サービスといわれるサービスがあります。 Twitter、FaceBook、Myspace、国内では mixi や GREE など、皆さまお馴染のサービスです。で、そのサービスのボタンを配置しているサイトは多いと思います。当サイトでも Twitter やはてなブックマ...
July 17th, 2010 -- zenbackのスタイルについて…
先日の記事で、 zenback の JavaScript コードを貼った箇所より後ろに記述しないとスタイルの変更ができないと書きました。で、気になったのでちょっと調べてみたら案の定、zenback の JavaScript コードのあとにスタイルシートを読み込んでおりました。（ jQuery も読み込んでいたのね... ）それじゃぁ、いくらブログパーツのid／class構造とcssにつ...
February 18th, 2011 -- インタラクティブ・デザイン
早いもので、現在の仕事のメインになっている Web の制作を始めて、15年が過ぎた。元々、このようなデジタルな仕事に携わるきっかけは、それよりも5年ほど前の CD-ROM の制作でした。今から約20年前です。プロフィールにも書いてありますが、『NAUTILUS』というアメリカの CD-ROM を見たのがきっかけでした。その頃の日本の CD-ROM はお世辞にもかっこいいとは言えませ...
August 13th, 2010 -- さっそく twitter の公式ツイートボタンを設置してみた
twitter blog に書いてあるように Twitter の公式ツイートボタンが公開されました。設置は、ツイートボタンの設定画面にて設定後、数行のコードを設置したい箇所にコピペすれば OK です。とても簡単です。上の画像の『ツイート』ボタンを押すと、ツイートボタンの設定画面の『フォローするのにおすすめのユーザー』が表示されるようです。ちなみに、当サイトでは各記事...
April 30th, 2010 -- Twitter ボタン？をつけてみた
何で今ごろ？と言われるかも知れないですが、Twitter ボタンをつけてみました。 2006年の終わり頃か2007年の始め頃だったかは、はっきりと覚えていませんけど、『Twitter っていうのがあるらしい。』と噂になり始めた頃にちょっと試してみたのですが、当時は「おはよう」、「ただいま」「おかえり」など、それこそ『つぶやき』ばっかりだったので、完全にスルーしてました。それにプライベートを晒...