2007年02月18日

外部サイトプレビュー の導入

このブログから外部のサイトへのリンクに、アイコンがつきました。そのアイコンにマウスカーソルを合わせると、そのサイトのプレビュー表示が行われます。
外部リンクにアイコン

これは「Snap Preview Anywhere」という無料のサービスです。
登録に必要なのは、ブログ等のURLとメールアドレスのみです。またブログやサイトに JavaScript を追加する必要があります。そのため一部ブログ等では出来ない可能性があります。
他のサイトでも使っていますが、今の所はスパムメールは届いてないです。念のためにフリーメールがいいかも知れませんね。

プレビュー機能が良いこともありますが、スパムトラックバックの簡易確認に使えたり、誰でも編集できるWikiに使うと外部サイトであることが確認出来るために便利だと思いました。Wikiは特性上、悪意のあるサイトへのリンクに書き換えられる事がありますから・・・


【導入方法】
1.Snap.com にアクセスします。
このサイトは検索サイトで、検索結果としてサイトの画像プレビューが表示されるのが特長です。あまり日本のサイトは得意ではないと感じました。

2.Snap.com の右側にある「Snap Preview Anywhere」の部分をクリックします。
Snap Preview Anywhere

3.Snap Preview Anywhereの説明画面に移動しますので、「Get Started Now」という項目をクリック。

4.カスタマイズ項目として、プレビューの背景色、ロゴの追加(100 x 20ピクセルまでのJPEGとGIF画像)、外部サイトのアイコンの有無とプレビューが何処に付くかを変更できます。いずれもその場でプレビュー表示されるので、問題なく判ります。

他にも、Advanced Options(拡張項目)があります。
チェックボックスオンで、有効になると思ってください。
Search Box : プレビューに検索窓を付ける。
Preview External Links : 外部サイトのプレビューを付ける。
Preview Internal Links : 内部サイトのプレビューを付ける。
Load Snap Preview Anywhere after the page loads : プレビュー機能が読み込まれてから、ページの読み込みが開始されます。

初期値として、上2つが有効になっています。
内部サイトのリンクも付けると、妙に沢山アイコンが出ちゃうのでやめておきました。
最後の項目は Snap Preview Anywhere の機能(JavaScript)の読み込みが遅い場合に、サイトの表示が待たされて遅くなるので無効の方がいいです。詳しくはJavaScriptのDEFER属性の無効化となりますが、調べている時に「今のブラウザはこの属性を一般的にはサポートしていません。」というのを見つけました。昔の情報なので何とも言えませんけど。

「Continue」の部分をクリックして次へ進みます。

5.サイトのURL・メールアドレス・画像認証(画像にある文字を入力する)・使用許諾にチェックを入れて、「Continue」の部分をクリックして次へ進みます。

6.最後に「Copy Your Code」という項目にあるJavaScriptを、サイトのHEADタグの間(<head>〜</head>)に埋め込みます。
JavaScriptはSeesaaブログですと、「マイブログ > デザイン > HTML」で、編集画面に移動できますので、そこで埋め込みます。

7.以上で設置完了です。


この時に、メールアドレスに登録完了のHTMLメールが届きますの保存しておいてください。メール内に「Customization Page」のリンクがあり、そのリンクから設定変更を行います


結構簡単に追加できますので、興味のある方はどうぞ。

【私の記事】
リンクプレビュー「snap shots」の日本語化 (07/04/29):Snap Preview Anywhereが日本語版になり、名前も変わりました。
posted by 藍旋 at 16:46 | Comment(4) | TrackBack(1) | コンピュータ
この記事へのコメント
> 管理人様

このサービス面白いですね。確かに、拙僧のブログのプレビューが出ています。で、出たプレビューをクリックすると、そのページに飛ぶと言うことですね。gooでも、アドバンスドなら、使えるのかもしれませんが、概して管理がきついので、ダメかもしれません。まぁ、拙僧のはフリーなので、もとから期待していないんですけれども。
Posted by tenjin95 at 2007年02月19日 14:54
tenjin95さん、こんばんわ。
実は、最初のサンプルはtenjin95さんのブログだったんですよね(笑)
加工で失敗して保存してしまい、作り直している時に個人よりもパブリックなサイトの方がサンプルにはいいかなと思って変更に。

ブログサービスは使いやすいようになっている分、逆にカスタマイズに制限が多い所が多く、使えない人も多いかな?とは思いましたけど、なかなか面白いサービスですので。。。ちょっと残念ですよね〜
Posted by 藍旋 at 2007年02月23日 01:48
はじめまして。

時々訪れては、役に立つ情報を仕入れさせていただいています。
m(_ _)m

このSnapShotsも気にはなっていたのですが、なかなか時間がとれず、GWまで自サイトに設置することもできませんでした。

本当、面白いサービスですよね〜。
ま、贅沢を言わせてもらえば、内部リンク、外部リンクの範囲を細かく決めさせてほしいところですが。
同じブログサービスを使用している人はみんな内部リンク扱いって、そんな乱暴な・・・。
(^^;)

無料のサービスなのであまり多くは望みませんけどね。

また、色々役に立つ情報を教えてください。(^^)/
Posted by たけい at 2007年05月08日 22:53
たけいさん、こんにちわ。
コメントを受け付けないトラブルが発生してしまい、後日・・・と思っていたら返事をお忘れに。ごめんなさい。重い時間帯はコメント失敗とかイライラしますね〜。

見てくださってありがとうございます。
私もプレビュー範囲は思っていました! 全てに対して付くのはちょっと邪魔な気が・・・
ドメインの関係上で私は気づきませんでしたが、ドメインが一緒だと、違うブログだと判断出来ないんですね。確かにこれは厳しい問題です!
ちょっと他で試してみますね〜!
Posted by 藍旋 at 2007年05月17日 12:57
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※半角英数字のみのコメントは投稿できません。
この記事へのトラックバックURL

※半角英数字のみのトラックバックは受信されません。

この記事へのトラックバック

『Snap Shots』リンク先プレビューサービス
Excerpt: リンク先サイトをプレビュー表示してくれるサービスを無料でおこなってくれるサイトです。 このサイトにも、試しに設置してみました。 リンクの横にあるアイコンの上にマウスをのせると、リンク先サイトのプレビ..
Weblog: Day After Day
Tracked: 2007-05-08 22:39
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。