flashにSNS共有ボタンを設置する方法

flashサイトにSNSボタンを乗せる方法覚書。
Twitter / Mixi / Facebookの現在メジャーな
SNS共有ボタンを作成する方法です。

 

This movie requires Flash Player 9

 

Twitter/ツイート

var req:URLRequest =new URLRequest("http://twitter.com/share?text=" + escapeMultiByte("サイトですよ") + "&url=" + escapeMultiByte("http://blog.wszz.org/"))
navigateToURL(req)

正しく表示させるためにescapeMultiByteでエスケープするぐらいで
Twitterでつまずくことは無いでしょう。

 

Facebook/いいねシェア

var ureq:URLRequest = new URLRequest("http://www.facebook.com/sharer.php")
var uvar:URLVariables = new URLVariables();
uvar.u = "http://blog.wszz.org/";
uvar.t = "wszz";
ureq.data = uvar;
navigateToURL(ureq, "_blank");

各種パラメータへURLとタイトルを渡してFacebookへのボタンを作成します。

ただ、タイトルを設定しても 実際のところFacebook自体が、
タイトルやサムネを引っ張ってきているようなので
設定自体にあまり意味を持たないかもしれません。

 

Mixi/チェック

var req:URLRequest = new URLRequest("http://mixi.jp/share.pl?u=http://blog.wszz.org&k=ba32423kdsnfojid2093urJI2e3ddeoepdf")
navigateToURL(req, "_blank");

他サービスとは違って サービスを使うためにデベェロパー登録が必要になります。
https://sap.mixi.jp/home.pl

 

[mixi Plugin] > [新規サービス追加]でサービスの登録します。

許可するドメインに設置するサイトのドメインを追加しておく
例) http://blog.wszz.org/に設置したければblog.wszz.orgを許可するドメインに登録

HTMLであればそこで発行されるタグをコピペするだけで済みますが
flashの場合はmixiに対してパラメータを投げるようにしなければなりません。

 

パラメータ設定

uパラメータにURLを入れ
kパラメータに識別キーをいれたURLを作成します。

※Basic認証などかかっている場合には
正しく動作しないのでBasic認証を切ってから確認しましょう。

Filed under AS3, サービス, 問題解決メモ · Tagged with , ,

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!

You must be logged in to post a comment.