2010年10月18日月曜日

EvernoteサイトメモリーをBloggerに導入してみた【改良版】

スポンサーリンク

利用者した人はほとんどが便利だと言っている気がするEvernote。

そのEvernoteを利用して、Webページを保存する為のボタンをBloggerに付けてみました。
このブログで利用されるかは分かりませんが...。

Evernote

Evernoteサイトメモリー


WebページをEvernoteに保存する仕組みを「Evernoteサイトメモリー」というみたいです。
少々儚げな印象の名前に感じます。

詳細は下記のページで。


どうやらアフィリエイトプログラムにも連動しているようです。

具体的には、

  1. サイトに設置したボタンをユーザーが押す。
  2. そのユーザーが新規に登録をする。
  3. 登録した新規ユーザーがプレミアムプログラムを購入する
  4. 最初の10ドルが報酬となる

登録ページも覗いてみましたが...。
全て英語なので何となくしか分かりませんでした。

ボタンの設置方法


ボタンの設置ですが、Twitterの公式リツイートボタンと同じぐらい簡単です。
下記のページにアクセスし、必要な設定をしてコードを得るだけ。


設定できる項目

設定出来るのは以下の項目です。

  • 「Webサイト名」
  • 「候補となる保存先のノートブック」
  • 「クリップするコンテンツ」
  • 「Evernote紹介コード」
  • 「候補となるノートタイトル
  • 「URL」
  • 「候補となるタグ」
  • 「保存形式」

保存可能な範囲を指定する為のIDやタグ、アフィリエイトの為のコードを入力する欄もあります。
かなり詳細な印象です。

問題点


前述で導入は簡単だと書きましたが、Bloggerだと場所によっては簡単ではありません。
「ページの要素」として追加するのは簡単なのですが、テンプレートに入れ込む際には問題があります。

前述のサイトメモリーボタンの作成で得たコードを追加しても、Javascriptが動作せずにページ内リンクのような動きをしてしまいます。

ちなみに、下にあるように本文中に埋め込めば普通に作動します。

Clip to Evernote

対処法:1

対処法、と言うより緊急回避的な方法です。

onclickイベントの中にあるダブルクオートとシングルクオートが問題だったので、そこを消してしまえば使えます。
具体的には

Evernote.doClip({providerName:'webサイト名',contentId:'ID名'});

の中の

providerName:'webサイト名',contentId:'ID名'

を丸々削ります。
結果として、以下のコードをテンプレートに埋め込めば動作します。


<script type="text/javascript" src="http://static.evernote.com/noteit.js"></script>
<a href="#" onclick="Evernote.doClip({}); return false;"><img src="http://static.evernote.com/article-clipper-jp.png" alt="Clip to Evernote" /></a>


ちなみ、Evernoteでソースを習得する際のクリッピングマスク設定に何も入力しなければ、上記のソースが得られます。

2011.1.17追記
Punksteadyさんの記事により、『Evernote.doClip({});』自体を消しても問題ないと言う情報を頂きました。
ありがとうございます!

対処法:2

クリッピングマスク設定を使いたい場合は、onclickの中の部分のシングルクオートとダブルクオートを入れ替えてください。

before

onclick="Evernote.doClip({providerName:'webサイト名',contentId:'ID名'}); return false;"


after

onclick='Evernote.doClip({providerName:"webサイト名",contentId:"ID名"}); return false;'


結び


このボタンはEverenoteが提供するサービスにいろいろと連動しているようです。

ですが、ブログやサイト内(の日本語部分)にはあまり情報がありません。
英語がもっと読めればと思うのですが...。
現在の英語力ではぼんやりとしか分かりらず、契約や規約内容のような繊細な読み込みはとても出来ません。

日本語版の情報がもっと整備されたら、アフィリエイトも含めてもう少し設定を増やしてみようと思います。

追記

Punksteadyさんの記事『Bloggerに導入したい8つのアイテム』にとりあげて頂きました。ありがとうごじざいます!

スポンサーリンク

0 件のコメント :

コメントを投稿