みかづきブログ その3

3ヶ月つづけてみました。

SNS

ありがとうボタンを設置する

SNS

みんなの「ありがとう」をたくさん集めて世界をちょっとだけ幸せにするサービス、THANKS 。そんなTHANKSが提供するありがとうボタンを設置してみます。 基本的にはhtmlに、 <script type="text/javascript" src="http://thanks.kayac.com/api.php/button/builder.js"></script> と書くだけで設置できます。色々設定したい人は こちらのページ にオプションが載…

httpsのページにはてブボタン(はてなブックマークボタン)を設置する

基本的には、こちらのページ のページのアドレスにhttpsからはじまるURLを入力すればOKです。httpからはじまるページでつくったはてなブックマークボタンは、 画像を http://b.st-hatena.com/images/entry-button/button-only@2x.png から、 JavaScriptを ht…

Feed Dialogをつかってシェア時のディスクリプションを変更する

こちら を参考に簡単に設定できます。

ツイートボタンをつかって投票ページをつくる

ツイートボタンには、こんな感じに投稿数を全面に押し出したタイプのボタンが用意されています。 今回はこちらのボタンをつかって投票フォームをつくってみましょう。ツイート !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d…

mixi版 いいねボタンを設置する

SNS

こちら からディベロッパー登録を行い、mixi Pluginタブから作成できます。(function(d) {var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true;s.src = '//static.mixi.jp/js/plugins.js#lang=ja';d.getElementsByTagName('head…

GREE版 いいねボタンを設置する

SNS

こちらのページ から簡単に作成できます。世の中にはいろんなSNSボタンがありますね。

Pokectボタンを設置する

SNS

こちら から簡単に作成できます。 !function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js…

LINEで送るボタンを設置する

SNS

こちらのページ で貼付けコードを簡単に作成することができます。 <span> <script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140127" ></script> <script type="text/javascript"> new media_line_me.LineButton({"pc":false,"lang":"ja","type":"a"}); </script> </span> デフォルトでは、 new media_line_me.LineButton({"pc":false,"…

Twitterのフォローするボタンを設置する

SNS

公式ボタン こちらのサイト で簡単につくれます。@ki_230さんをフォロー オリジナルボタン <a href="https://twitter.com/intent/user?screen_name=フォローしたいアカウント">ボタン画像とかテキストとか</a> という感じで作成できます。 テキストでつくってみると、@ki_230をフォローするこんな感じです。

インタラクティブな投稿を試してみよう。

google+のインタラクティブな投稿機能を試してみました。

+1ボタンを設置してみよう。

google+ の +1ボタンを設置してみました。こちらの 公式サイトから簡単に設置することができます。

世界のいいねボタンを押してみよう。

先日、Facebookのいいねボタンをサイトに設置する際、パラメータとして言語を設定できることに気づきました。例えば、いいねボタンをフランス語で表示したいなら、 locale=fr_FRという値をパラメータとして渡すと、と、フランス語になり、若干おしゃれさがア…