使い方（ボタン設置者）

Grow!の概要-

Grow!とは

Grow!はボタンを通じて、あなたのコンテンツへの支援を募ることができるサービスです。ストリートライブ・パフォーマンスに対する「チップ」のように、無料で公開しているコンテンツにボタンを設置して収益を得ることができ、それがソーシャル・ネットワークで共有されます。あなたの素晴らしい作品にGrow!ボタンを付けましょう！

Grow!ボタンの取得、設置

外部サービスのコンテンツをインポートして設置

すでに外部サービスにアップロードしている自分のコンテンツを、Grow!にインポートし、ボタンを設置することができます。インポートするには、以下の手順を行なってください。

1. 「設定 > SNS連携」へアクセス
2. 「追加サービス」の中でインポートしたいサービスを選び、「接続」をクリック
3. 接続したサービスの画面が開くので、アプリケーションを認証してください
4. 自分のコンテンツ一覧に、接続したサービスが追加されます

なお、現在以下のサービスに対応しています。
・YouTube（動画）
・Instagram（写真）
・SoundCloud（音楽）

Grow!ボタンの取得

「Setting > Grow!ボタンを取得」からGrow!ボタンを取得することができます。

Grow!ボタンを設置するサイトのURLを登録します。ボタンの設置するためのソースコードが含まれたポップアップが表示されるのでソースコードをコピーしてください。同じURLのサイト内であれば、ひとつのソースコードを利用することが可能です。

外部サイトへのGrow!ボタンの設置

取得したソースコードを、HTML中の設置したい場所に貼り付ければ設置完了です。

なお、ブログのトップページや、記事一覧のようにひとつのページ内に複数のGrow!ボタンを設置する場合は、以下のように設置してください。

1.ソースコード内「apikey」の末尾に「&insert=false」を追加

例 : <script src=”http://growbutton.com/javascripts/button.js?apikey=xxxxxx&insert=false” type=”text/javascript”></script>

2.上記ソースコードを</body>直上に設置。
3.ボタンを設置したい位置に以下のソースコードを設置。

    
           <span itemscope="" itemref="[Shape]" itemtype="http://growbutton.com/ns#button">
   <span itemprop="url">[URL]</span>
   <span itemprop="title">[Title]</span>
   <span itemprop="image">[Image]</span>
   <span itemprop="apikey">[ApiKey]</span>
 </span>
 
[Shape] : square or rectangle, Shape of the Grow! button
[URL]   : URL of the content page
[Title] : Title of the content page
[Image] : Image of the content page (Option)
[ApiKey]: ApiKey of the this site domain (Option)

          view raw
          gistfile1.html
          This Gist brought to you by GitHub.

WordPressプラグイン

WordPressでウェブサイトを構築されている方は、以下のいづれかのプラグインを利用してGrow!ボタンを設置することができます。「WP Social Bookmarking Light」は各種ソーシャルボタンをまとめて設置したい方向け、「WP Grow Button」はGrow!ボタンのみを設置したい方向けです。

WP Social Bookmarking Light

WP Grow Button