AddThisを使ってみる(･ω･)

何となくですが、さくらのブログのを使うよりも良さそうな気がするので使ってみた。
なにやら記事とかページの共有用の「Sharing Tools」
フォローボタンの「Follow Tools」
タグのheader内に入れてリアルタイム解析する？「Real-Time Analytics」
スマホのアプリに内蔵する為の開発キットだかの「Mobile」
てのがあるので、Sharingのを記事本文に、Followをブログの目立つところに入れてみますた。
さくらのブログの記事に組み込むには、
「デザイン」→「コンテンツ」→「記事」の「コンテンツHTML編集」でHTMLソースを出して、div class=”posted”のタブの直前に入れれば良いんだけど…。
もっと前の、ブログ自身のブックマークサービスの文の後でも良いけど。
これ、トップページの記事に貼り付けると、ページ全体をブックマークなりシェアしようとする。
例えばTwitterのボタンを押すと、トップページへのリンクをシェアしようとするわけ。

んなので、単一記事のページにだけSharing Toolsを入れたいなぁて時は、記事ページにだけ新しく別の『コンテンツ「記事」』を置くようにする。で、新しく置いたのにだけSharing Toolsのスクリプトを入れるようにしてもいい。
または、AddThisのスクリプトを弄る。

<div class="addthis_toolbox addthis_default_style ">

の所を、以下のように。

<div class="addthis_toolbox addthis_default_style" addthis:title="<% article.subject | jsescape | tag_strip %>＠<% blog.title %>" addthis:url="<% article.page_url %>" >

jsescape | tag_strip辺りが要るかは知りません(‘∀`)
AddThisのカスタマイズのページにオプション指定が多少出来るのでそれを使って、
article.subject
article.page_url
blog.title
ていう、ブログでハナから使ってる変数っていうんだっけか？を入れただけ。
これで一応、さくらのブログ本体に付いてるブックマークボタンみたいに使えたけど、FacebookとTwitterとEvernoteでしか試してません。
で、これでEvernoteに追加すると、文字化けします(ﾟ∀ﾟ;)
でも大抵ブラウザから右クリックとかブラウザアドオンから使うだろうから気にしないことにｗ
次にFollow Tools。
自身のアカウントのページに飛ぶようになっているんだけど、Twitterの場合は小窓が出る。
で、ブログに他のTwitterのウィジットを入れてて、多分自分のアカウント小窓が出るリンクが存在すると、アカウント小窓が複数出てしまいますΣ(ﾟ∀ﾟ;)
なので、Twitterの部分は消すなり何なりした方が良いみたい。

投稿者: しらいし じゅん

趣味に奔る人ですε=ε=ε=┌（；ﾟ∀ﾟ）┘ しらいし じゅん のすべての投稿を表示