1
「mixi チェック」ボタンを設置する方法
【アメブロ編】
2
【著作権について】
本書は日本国の著作権法で保護されている著作物です。 本書の取り扱いには以下の点にご注意ください。 ■ 本書の著作権は、津幡真吾および株式会社アリウープにあります。 ■ 上記の者の書面による許可なく、本書の一部または全部をあらゆるデータ著積手段(印刷物、 電子ファイル、ビデオ、レコーダーなど)により、複製、流用転用および記載、転売(オークショ ン含む)する事を禁じます。 上記の行為を含み、著作権侵害が確認された場合には損害賠償金をいただきます。【免責事項】
本書の著者は、これまでの経験をもとにノウハウをまとめたものであり、全ての読者の利益を保証するもの ではありません。本冊子により、いかなる損害が発生しましても一切の責任を負いません。全ては自己責 任で行なうこととします。3 はじめまして。
津幡真吾(つばたしんご)
と申します。 北海道出身で、現在は東京都内在住です。 6年ほど前、サイトアフィリエイト(SEO)を 始めたことがキッカケで、この業界に入りました。 その後、成果が出るようになり法人を設立。 現在では、情報教材の販売プロデュースも行なうようになり、 モバゲー・GREE・mixi 向けのソーシャルアプリプロデュース等、 サイトアフィリを続けながら色々なことに取り組んでいます。 どうぞよろしくお願いいたします。■mixi チェックボタンとは?
さて、このレポートを読んでくださっているあなたは、このようなボタンをご存知でしょうか。 例えば、価格比較サイトの「ECナビ」をご覧ください。 http://kakaku.ecnavi.jp/item_info/10003313771177.html 右上に、この mixi チェックボタンが設置されていますね。4 このボタンを押すと、自動的に mixi チェックの投稿画面に推移します。 ここであなたのメッセージを加えて投稿することによって、 マイミクさんたちに「あなたのお勧め情報」として知らせることが出来るのです。 マイミクから見た画面 (マイミクのHさん、ご協力に感謝します!)
5 いかがでしょうか。 mixi チェックについて、お分かり頂けましたか? 実はこのボタン、誰もが簡単に無料で設置出来てしまいます。 2010年9月10日に行なわれた「mixi meetup」というイベントによって 一般リリースが発表されたばかりです。 もちろん公的秩序に反するようなサイトに貼った場合には、 すぐに停止させられてしまうでしょう。 しかし、特に問題のないようなサイトであれば、 誰でも簡単に設置できるようになったのです。 もちろん、私自身もどんどん設置を進めています。 実際に「mixi meetup」に参加してきたのですが、 オフィスへ戻ってから、鬼のように自分のサイトへの設置を進めています。(笑) なぜ、そうしているのか・・・。 それは、このボタンを活用することにより、mixi のユーザーを通じて サイト・ブログを口コミでどんどん広めることが可能となるからです。 今までは「SEO」や「ブログのコメント等」による 集客方法を使っている人が多かったと思いますが、 これからの時代はソーシャルによる集客が主流になりつつあります。 なぜなら、いくら魅力的な宣伝文であっても、 リアルな友人による口コミには敵わないからです。 例えば、もしあなたが雰囲気の良い居酒屋を探しているとします。 機械的に順位付けされた「検索エンジンの結果」と、 「リアルの友人が勧めている情報」を比べたら、どちらに興味を持ちますか?
6 おそらく、迷うことなく「後者」だと答えるのではないでしょうか。 (注)もちろん検索エンジンからの集客を否定しているわけではありません。 私自身、今でも検索エンジンからの集客によって収益を出していますから。(笑) 実際に、私のサイトでも少しずつ効果が出てきています。 私が運営する多くのアフィリサイトでは、 ステップメールを展開していることが多いのですが、 ここ2~3日前から mixi 経由で登録してくれる方が徐々に増えてきているのです。 ※活用方法につきましては、巻末に明記したメルマガ等で 順次取り上げて行こうと思います。
7
■アメブロへ設置する方法
さて、それでは実際にアメブロのサイドバーへ mixi チェックボタンを設置する方法について説明いたします。 なぜアメブロなのか。 それは、今回通常のHTMLサイトであれば設置できたけれども、 アメブロには上手く設置できない・・・。 そう悩んでいる方が多いからです。 なかには、「アメブロには設置できない」とまで思い込んでいる人がいるらしく、 そのような方に少しでもお役に立てたらと思い、 このレポートを執筆することになりました。 ただし、ブログを使ってスパム(迷惑行為)を行なっている方については このような mixi ボタンの設置は絶対に行なわないでください。 あくまでも「有意義な情報を、多くの方に知って頂く。」ということが目的であり、 アフィリリンクばかりを投稿するような方にとっては、適しておりません。 その点だけ、守って頂けたらと思います。 では、次ページから具体的な方法を説明していきます!8
■mixi Developer Center へ登録
mixi チェックボタンを利用するには、「mixi Developer Center」へ登録する必要があります。 もちろん、個人でも無料で登録可能です。 ○まずは、こちらの登録画面へアクセスしてください。 https://mixi.jp/guide_developer.pl ○「Developer 登録する」をクリックします。 「アプリを作成・登録するには・・・」と書かれていますが、 アプリを作成しなければならないというわけではありません。 mixi チェックボタンのみの利用でも、全く問題ないとのことです。 (mixi meetup のイベントでスタッフさんへ確認済) ○次の画面で必要事項を入力し、「入力内容を確認する」をクリックします。 ○次の画面で内容を確認し、問題無ければ「登録する」をクリックします。 これで登録が完了です。
9
■mixi Developer Center へログイン
続いて、mixi Developer Center へログインします。
○mixi Developer Center へアクセスします。
http://developer.mixi.co.jp/
○右上の「ログイン」をクリックします。
○パスワードを入力します。
ここでは、あなたが普段 mixi にログインするときに使っているパスワードを入力し、 「ログイン」をクリックします。
10
■あなたのブログ情報を登録する
無事にログイン出来ましたか?
続いて、あなたのブログ情報を、この mixi Developer Center に登録します。
○「mixi Plugin」をクリックします。
○「新規サービス追加」をクリックします。
11 ○続いて、必要事項を入力します。 【サービス名】 あなたのブログ名を入力 【サービスのURL】 あなたのブログURLを入力 【URL許可リスト】 ameblo.jp とだけ入力してください(1行のみしか使いません) 【定型文】 そのままで構いません 【規約】 良く読んだ上で「同意する」にチェックを入れる 上記5か所の入力を確認し、「入力内容を確認する」をクリックしてください。
12
○確認後、特に問題が無ければ「作成する」をクリックします。
○チェックキーを確認しますので「こちら」をクリックします。
13
■ブログに貼り付けるタグを用意する
○「チェックキー」をコピーします。(チェックキーを選択した状態で右クリック → コピー) 続いて、このチェックキーを含めたタグを用意します。 コピペで使いやすいよう、以下にタグを用意しておきました。 ○以下のタグ確認ページにアクセスする (※私が個人的に用意したページです) http://www.yore2.com/magazine-image/mixicheck-tag.html ○さきほどコピーしたチェックキーを、ここに貼り付けます。 ※ “” を消さないようご注意ください。 ※ 余計なスペース・記号等が入ると正常に動作しませんのでご注意ください。14 ○貼り付けると、このようになります。 ○開いたままにしておきます。 このタグ確認ページは、また後で使います。 開いたままにしておいてください。 ※ボタンの種類を変える方法(自信の無い方は飛ばしてください) 上記のタグは、こちらのボタンが表示されるようになっています。 もし他のボタンを使いたい場合には、以下の「2」の部分を変えることにより、 該当のボタンを表示させることが可能です。(半角数字を入れてください) 以下のサイトに、ボタンの番号一覧があります。(現在5種類) http://developer.mixi.co.jp/connect/mixi_plugin/mixi_check/spec_mixi_check
15
■アメブロの管理ページ
続いて、アメブロの管理ページを設定します。 もうすぐ終わりますから、頑張ってくださいね! ○「ブログを書く」をクリックします。 ○「サイドバーの設定」 「フリースペースの編集」 の順にクリックします。 ○タグ確認ページから、「タグ1」をコピーします。16
○コピーしたものを、フリースペース欄に貼り付けます。そして「保存」をクリックします。
17
○タグ確認ページから、「タグ2」をコピーします。
18 ○続いてサイドバーの配置をするので、「こちら」という部分をクリックします。 ○mixi チェックボタンを配置したい場所に、ドラッグ&ドロップします。 上記の画面は、サイドバーの図です。 左右どちらかのサイドバーに、「フリープラグイン」と「フリースペース」の両方を ドラッグ&ドロップします。 ※ドラッグ&ドロップとは、マウスの左を押しながら該当の場所へ移動し、離します。
19 ○配置例 この場合、ブログの左上に mixi チェックボタンが表示されるようになります。 尚、配置の際には必ず上から「フリースペース」「フリープラグイン」の順にしてください。 このように、逆に配置すると表示されません。 特に連続して並べる必要はありません。 「フリースペース」の後に「フリープラグイン」が配置されていれば大丈夫です。
20
○配置が完了したら 「保存」 をクリックします。
これで完了です!
ブログを確認すると、このような感じで表示されていると思います。
21
■記事内に mixi チェックボタンを表示させる方法
さて、サイドバーに貼り付ける方法は分かったと思いますが、 記事内に貼り付けたいという方もいらっしゃるのではないでしょうか。 そこで、簡単に説明したいと思います。 ○記事を書き、「HTML タグを表示」 をクリックします。 まず、記事を書いてください。 書き終えてから「HTMLタグを表示」に切り替えます。22
○タグ確認ページから、「タグ1」をコピーします。
○コピーしたものを、表示させたい場所に貼り付けます。 そして「全員に公開」をクリックします。
23 基本的には、これでOKです。 ただし・・・ ○配置の設定における注意事項(配置例) 記事内に mixi チェックボタンを表示させる場合、 「フリープラグイン」が、記事の後に配置されていなければなりません。 ですから、上記の配置例のように、右カラムに配置しておく必要があるのです。
24