ダリの雑記：WEBプログラム版

メモ

いいね！ボタンを設置する方法も簡単だと思いましたが、ツイートボタンはそれをはるかに超える簡単さです！

１．まず、下記のURLにアクセスします。

http://twitter.com/about/resources/tweetbutton　（twitterサイト　リソース＞ツイートボタンページ）

２．コードを取得する

ページの下の方にある「このコードをコピーし、あなたのWEBサイトのHTMLの好きな場所に張り付けてください。」という所にコードが表示されているので、それをコピーし、自分のサイトのボタンを設置したい場所に張り付ける。

これだけ！

URLやサイトのタイトル、記事のタイトルは自動で取得してくれるみたいです。

すばらしい！

mixiチェックは見習うべき！

メモ。

mixiチェックの設置方法と違い、こちらは超簡単！

１．まずこちらへアクセスします。

http://developers.facebook.com/docs/reference/plugins/like　
（facebook DEVELOPERSサイトの Social plugins ＞ Like Buttonページ）

２．設定を行います。

• URL to Like：静的なHTMLなら各ページのURLをひとつひとつ「URL to Like」へ入力する必要がありますがCMSを使用している場合は、とりあえず未入力。
• Layout Style：ボタンのレイアウトを選択します。（３パターン）
• Show Faces：チェックを入れておくと、ユーザがボタンを押したときに、そのユーザがfacebookに登録しているプロフィール画像が表示されます。
• width：幅
• verb to display：like（いいね）かrecommend（おすすめ）を選択します。
• Font：フォントのタイプ
• Color Scheme：色のタイプ

３．コードを出力

以上の設定を行ったのち、「Get Code」ボタンを押してください。以下のようなコードが出力されます。

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

これを張り付けるわけですが、CMSの場合は各ページごとにそのページのURLを設定する必要があります。

４．記事ページごとにURLを設定する。

３．で記述したコードの赤文字の部分に該当ページのURLが入るように設定してください。
※ただし、URLはurlencodeする必要があります。

例）wordpressの場合は「get_permalink();」を利用します。

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink()); ?>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

※追記：echo を付け忘れていました。申し訳ございません；（2010/12/15）

このコードをボタンを設置する部分に張り付けてください。

以上です。

設置方法が結構面倒なのでメモ。

mixiチェックキーを取得する

１．まずはチェックキーを取得するために、「デベロッパー登録（法人の場合はパートナー登録）」を行います。

下記の「mixi Developer Center」から登録を行ってください。

• デベロッパー登録（個人の方）
• パートナー登録（法人の方）

※個人で行うデベロッパー登録の注意点
上記のサイトから登録を行うと携帯電話にメールが送信されてきます。（メールアドレス登録は携帯しか受け付けていないため）
そのメールに記述されているアドレスへ30分以内にアクセスし、ログインを行うと登録完了です。
PCからのメールを拒否する設定にしている場合は一時的に解除してください。

※法人で行うパートナー登録の注意点
申込用紙を郵送で送る必要があるため、時間に余裕をもって登録しましょう。

(さらに…)