Instagram and other Social Media Apps (*1)

クチコミを広げるためにつかう、ソーシャルメディアやウェブサービスなどの設定方法の情報をまとめてみました。

下記は、ここで解説しているソーシャルメディアやウェブサービスの一覧リストです。

目次
  1. 最低限、アカウントを作成しておくべきソーシャルメディアの一覧
  2. Googleアカウント
  3. YouTube(ユーチューブ)
    1. YouTubeチャンネル登録ボタン
  4. Google+(グーグルプラス)
    1. Google+ページ
      1. 「+1 ボタン」の設置方法
    2. 「プロフィールバッジ」「Google+ページバッジ」の設置方法
    3. Google Analytics(グーグルアナリティクス)
  5. Googleサーチコンソール(旧名:Googleウェブマスターツール)
  6. Facebook(フェイスブック)
    1. Facebookページ(フェイスブックページ)
    2. ソーシャルプラグイン
      1. いいね!ボタンの設置方法
      2. シェアボタンの設置方法
      3. 送信ボタンの設置方法
      4. 埋め込み投稿(エンベデッドポスト)の設置方法
      5. 埋め込み動画プレイヤー(エンベデッドビデオプレーヤー)の設置方法
      6. Facebookコメント欄の設置方法
      7. アクティブフィードの設置方法
      8. レコメンデーションボックスの設置方法
      9. レコメンデーションバーの設置方法
      10. ライクボックスの設置方法
      11. Facebookページプラグインの設置方法
      12. Facebook登録(レジストレーション)の設置方法
      13. Facebookログイン(Facebook Login for Apps)の設置方法
      14. フェイスパイルの設置方法
  7. Twitter(ツイッター)
    1. 開発者向けTwitter
    2. 「ツイート」ボタンの設置方法
    3. 「フォローする」ボタンの設置方法
    4. 「ハッシュ」ボタンの設置方法
    5. 「@ツイート」ボタンの設置方法
    6. 埋め込みツイートの設置方法
    7. 埋め込みタイムラインの設置方法
      1. ユーザータイムライン
      2. お気に入りタイムライン
      3. リストタイムライン
      4. 検索、ハッシュタグのタイムライン
      5. コレクションのタイムライン(カスタムタイムライン)
    8. ツイッターカードの設置方法
      1. Playerカード(プレイカード)
  8. LinkedIn(リンクトイン)
    1. LinkedInグループ
    2. 「シェア」ボタンの設置方法
  9. pinterest(ピンタレスト)
    1. 「ピン」ボタン(「Pin it」ボタン)の設置方法
      1. 「長方形」の「ピン」ボタン(「Pin it」ボタン)
      2. 「円形」の「ピン」ボタン(「Pin it」ボタン)
    2. 「フォローボタン」(Follow button)の設置方法
    3. 「ピンウィジェット」(Pin widget)(埋め込みピン)の設置方法
    4. 「プロフィールウィジェット」(Profile widget)の設置方法
    5. 「ボードウィジェット」(Board widget)の設置方法
  10. SoundCloud(サウンドクラウド)
    1. プレイリスト(playlist)の埋め込み(エンベッド)
    2. トラック(track)の埋め込み(エンベッド)
  11. LINE(ライン)
    1. 「LINEで送る」ボタン
  12. Tumblr(タンブラー)
  13. feedly(フィードリー)
    1. Feedly button(フィードリーボタン)
    2. feedlyの購読者数を確認する方法
  14. HootSuite(フートスイート)
  15. dlvr.it(デリバーイット)
  16. Pocket(ポケット)
    1. 「Pocket」ボタン
  17. Buffer(バッファー)
    1. 「Buffer」ボタン
  18. Gunosy(グノシー)
  19. ifttt(イフト)
  20. はてなブックマーク
    1. 「はてなブックマークボタン」の設置方法
  21. 人気ブログランキング
  22. にほんブログ村
  23. Flickr(フリッカー)
  24. Instagram(インスタグラム)
    1. アイコン画像、ボタン、バナー
  25. Foursquare(フォースクエア)
  26. AddThis(アッドディス)
  27. ShareThis(シェアディス)
Social Media Heart Collage (*2)

最低限、アカウントを作成しておくべきソーシャルメディアの一覧

下記は、最低限、アカウントを作成しておくべきソーシャルメディアの一覧です。

■Googleアカウント
■YouTube(ユーチューブ)
■Google+(グーグルプラス)
■Google+ページ
■Google Analytics(グーグルアナリティクス)
■Googleサーチコンソール(旧名:Googleウェブマスターツール)

■Facebook(フェイスブック)
■Facebookページ(フェイスブックページ)

■Twitter(ツイッター)

なお、各ソーシャルメディアに登録・設定できるさまざまな詳細情報については、すべてを詳細に説明しきれません。

ですので、それらについてはご自分で設定していただければとおもいます。

また、上記のソーシャルメディア以外にもいろいろなソーシャルメディアがあり、それらについては、下記でよりくわしくご紹介しています。

興味があればご覧ください。

Googleアカウント

Google(グーグル)

Googleアカウント新規作成
https://accounts.google.com/SignUp
YouTube、Google+、Gmail、Googleアナリティクスなど、
一連のGoogleのウェブサービスの共通アカウントになります。

・名前(姓)
・名前(名)
・ユーザー名(〜@gmail(Gmailのメールアドレス))
・パスワード
・誕生日(年月日)
・性別
・現在のメールアドレス

YouTube(ユーチューブ)

YouTube(ユーチューブ)

YouTube(ユーチューブ)
https://www.youtube.com/
https://accounts.google.com/ServiceLogin

・YouTubeチャンネルの名前(基本的には、Google+の本人の名前になります)

・チャンネルアート(チャンネルのカバー画像、横長の大きい画像)
推奨サイズ:2560x1440
(実際の表示時は、ブラウザのウィンドウ幅に合わせて自動的に拡大縮小されます。)
ファイルサイズ:最大2MB

・その他の詳細情報

YouTubeチャンネル登録ボタン

YouTube のチャンネル登録ボタンをウェブサイトに追加すると、サイト訪問者がワンクリックでチャンネル登録できるようになります。

YouTube Subscribe Button - YouTube — Google Developers
https://developers.google.com/youtube/youtube_subscribe_button

開発者向け YouTube - YouTube
https://www.youtube.com/yt/dev/ja/

レイアウト:デフォルト、チャンネル登録者数:表示

レイアウト:デフォルト、チャンネル登録者数:非表示

レイアウト:フル、チャンネル登録者数:表示

レイアウト:フル、チャンネル登録者数:非表示

Google+(グーグルプラス)

Google+(グーグルプラス)

Google+(グーグルプラス)
https://plus.google.com

GoogleのSNS(ソーシャル・ネットワーキング・サービス)です。
(Google版のFacebookのようなものです)

・プロフィール画像(正方形の小さい画像。)
(表示される時は、自動的に円型にトリミングされた状態で表示されます。)
250 x 250

・カバー画像(横長の大きい画像)
ブラウザのウィンドウ幅に合わせて自動的に拡大縮小されるので、明確な縦横サイズは提示されていません。
ですので、たとえば、横幅1000ピクセルほどでもいいとおもいます。

Google+ページ

Google+ ページを作成
https://plus.google.com/u/0/pages/create

・Google+ ページの名前(基本的に後で変更はできません)

・プロフィール画像(正方形の小さい画像。)
(表示される時は、自動的に円型にトリミングされた状態で表示されます。)
250 x 250

・カバー画像(横長の大きい画像)
ブラウザのウィンドウ幅に合わせて自動的に拡大縮小されるので、明確な縦横サイズは提示されていません
ですので、たとえば、横幅1000ピクセルほどでもいいとおもいます。

「+1 ボタン」の設置方法

+1 ボタン
https://developers.google.com/+/web/+1button/?hl=ja

「プロフィールバッジ」「Google+ページバッジ」の設置方法

「プロフィールバッジ」
「Google+ページバッジ」

プロフィール バッジ Google+ ページ バッジ
https://developers.google.com/+/web/badge/?hl=ja

(参考)

ちなみに、Googleの検索結果に、Google+のプロフィール写真や名前を表示させるためには、ちょっとした設定が必要になります。

その設定の方法については、下記のページで、動画もつかってお話していますので、参考にしていただければとおもいます。

Googleの検索結果に著者の写真画像と名前を表示させてアクセスを増やす方法

Google Analytics(グーグルアナリティクス)

Google Analytics(グーグルアナリティクス)

Google アナリティクス
https://www.google.com/intl/ja_jp/analytics/

とても高機能なアクセス解析ツールです。

Googleサーチコンソール(旧名:Googleウェブマスターツール)

Googleサーチコンソール(旧名:Googleウェブマスターツール)

Googleサーチコンソール(旧名:Googleウェブマスターツール)
https://www.google.com/webmasters/tools/home

Google検索のインデックス登録に関する各種の設定などをおこなうことができる、ウェブサイト管理者のためのツールです。

Facebook(フェイスブック)

Facebook(フェイスブック)

Facebook(フェイスブック)
https://ja-jp.facebook.com/

・姓(ローマ字)
・名(ローマ字)
・メールアドレス
・パスワード
・誕生日(年月日)
・性別

・ユーザーネーム(ユニークURL)(基本的に後で変更はできません)
(半角英数字。自分のページのURLになります。)

・プロフィール画像(小さい正方形のもの)
横180px × 縦180px

・カバー画像(大きい横長のもの)
横849px × 縦313px

ちなみに、FacebookアカウントのIDの調べ方は、下記のページに書かれています。

Facebookユーザー名からFacebookユーザーIDを調べる
https://d.hatena.ne.jp/perezvon/20120425/1335331819

Facebookページ(フェイスブックページ)

Facebookページを作成(フェイスブックページ)
https://www.facebook.com/pages/create/

・Facebookページの名前(基本的に後で変更はできません)

・Facebookページのユーザー名(URL)(基本的に後で変更はできません)
(半角英数字。自分のページのURLになります。)

・その他の詳細情報

・プロフィール画像(小さい正方形のもの)
横180px × 縦180px

・カバー画像(大きい横長のもの)
横849px × 縦313px

ソーシャルプラグイン

参考までに、Facebookのソーシャルプラグインというものもご紹介します。

ソーシャルプラグインは、ウェブサイトにFacebookを利用した機能を追加するための仕組みです。

有名な「いいね!ボタン」も、Facebookのソーシャルプラグインのひとつです。

ソーシャルプラグイン
Social Plugins - Facebook開発者
https://developers.facebook.com/docs/plugins/

いいね!ボタンの設置方法

いいねボタン

Like Button - Facebook開発者
https://developers.facebook.com/docs/plugins/like-button

 

 

シェアボタンの設置方法

シェアボタン

Share Button - Facebook開発者
https://developers.facebook.com/docs/plugins/share-button/

Layout(レイアウト):box_count(ボックスカウント)

Layout(レイアウト):button_count(ボタンカウント)

Layout(レイアウト):button(ボタン)

Layout(レイアウト):icon_link(アイコンリンク)
廃止されました。

Layout(レイアウト):icon(アイコン)
廃止されました。

Layout(レイアウト):link(リンク)
廃止されました。

送信ボタンの設置方法

送信ボタン

Send Button - Facebook開発者
https://developers.facebook.com/docs/plugins/send-button/

送信ボタンは、Graph API v2.11 で廃止されました。

埋め込み投稿(エンベデッドポスト)の設置方法

投稿埋め込み

Embedded Posts - Facebook開発者
https://developers.facebook.com/docs/plugins/embedded-posts/

人とロボットの共演 d(≧∀≦)b
インプロビゼーション
即興演奏

Watch a human musician and his robots improvise together - YouTube
https://www.youtube.com/watch?v=O-bjTfYILPs

Posted by 倉田 幸暢 on 2015年1月22日

埋め込み動画プレイヤー(エンベデッドビデオプレーヤー)の設置方法

埋め込み動画プレイヤー

Embedded Video Player - Facebook開発者
https://developers.facebook.com/docs/plugins/embedded-video-player

How to Share With Just Friends

How to share with just friends.

Facebookさんの投稿 2014年12月5日

Facebookコメント欄の設置方法

Facebookコメント

Comments - Facebook開発者
https://developers.facebook.com/docs/plugins/comments/

アクティブフィードの設置方法

アクティブフィード

アクティブフィードは、Graph API v2.3 で廃止されました。

Activity Feed - Facebook開発者
https://developers.facebook.com/docs/plugins/activity/

レコメンデーションボックスの設置方法

レコメンデーションボックス
「おすすめ」(のページ)のボックスを表示させることができます。

レコメンデーションボックスは、Graph API v2.3 で廃止されました。

Recommendations Feed - Facebook開発者
https://developers.facebook.com/docs/plugins/recommendations/

レコメンデーションバーの設置方法

レコメンデーションバー
「おすすめ」(のページ)のバーをウェブページ上に重ねて表示させることができます。

レコメンデーションバーは、廃止されました。

Recommendations Bar - Facebook開発者
https://developers.facebook.com/docs/plugins/recommendations-bar/

ライクボックスの設置方法

ライクボックス

ライクボックスは、Graph API v2.3 で廃止されました。
 ライクボックスの代わりに「Page Plugin」(ページプラグイン)をご利用ください。)

Like Box - Facebook開発者
https://developers.facebook.com/docs/plugins/like-box-for-pages/

Facebookページプラグインの設置方法

Facebookページプラグイン

Page Plugin - Facebook開発者
https://developers.facebook.com/docs/plugins/page-plugin

Facebook登録(レジストレーション)の設置方法

Facebook登録(レジストレーション)

Facebook登録(レジストレーション)は、API v2.0 から除外されました。
 Facebook登録(レジストレーション)の代わりに
 「Facebook Login for Apps」(Facebookログイン・フォー・アプス)をご利用ください。)

Registration - Facebook開発者
https://developers.facebook.com/docs/plugins/registration/

Facebookログイン(Facebook Login for Apps)の設置方法

Facebookログイン(Facebook Login for Apps(Facebookログイン・フォー・アプス))

Facebook Login for Apps - Facebook開発者
https://developers.facebook.com/docs/facebook-login?locale=ja_JP

フェイスパイルの設置方法

フェイスパイルをつかうと、あるページを見た人のFacebook上の友達が、
そのページに対して「いいね!」をしている場合、
その友達の顔写真(プロフィール画像)の一覧が、
そのページを見る人に対して表示されるようにすることができます。

フェイスパイルは、Graph API v2.3 で廃止されました。

Facepile - Facebook開発者
https://developers.facebook.com/docs/plugins/facepile/

Twitter(ツイッター)

Twitter(ツイッター)

Twitter(ツイッター)
https://twitter.com/

・氏名
・メールアドレス
・ユーザー名(後で変更可能)(半角英数字。自分のページのURLになります。)
・パスワード

・プロフィール画像(正方形)
(250 x 250ピクセルくらい 〜 500 x 500ピクセルくらい)

・ヘッダー画像(横長)
推奨サイズは1252×626です
画像は5MB以下でなくてはいけません。

・プロフィール画面の背景画像(一つの画像を何度もつかって、タイルのように背景に敷き詰めて表示させます。なので、画像の縦横サイズの指定はありません。)

開発者向けTwitter

各種のボタンや、埋め込みなどの方法

開発者向けTwitter
Twitter Developers
https://dev.twitter.com/

・ツイートボタン(リンクを共有するボタン)(Tweet Button)
・フォローするボタン(Follow Button)
・ハッシュタグボタン
・@ツイートボタン
・埋め込みツイート(Embedded Tweets)
・埋め込みタイムライン(Embedded Timelines)
・ツイッターカード(Twitter Cards)
・Playerカード(Player Card)

なお、これまでにあなたが作成した既存のTwitterウィジェットの一覧リストは、下記のURLのページで見ることができます。

下記のページでは、既存のTwitterウィジェットを編集したり、削除したりすることができます。

Twitter / 設定
ウィジェット
ウイジェットの作成と管理
https://twitter.com/settings/widgets

「ツイート」ボタンの設置方法

ツイートボタン(リンクを共有するボタン)(Tweet Button)


Twitterボタン
https://about.twitter.com/ja/resources/buttons
英語版
https://about.twitter.com/resources/buttons

開発者用
ツイートボタン(リンクを共有するボタン)
Tweet Button | Twitter Developers
https://dev.twitter.com/docs/tweet-button

「フォローする」ボタンの設置方法

フォローするボタン(Follow Button)


Twitterボタン
https://about.twitter.com/ja/resources/buttons
英語版
https://about.twitter.com/resources/buttons

開発者用
フォローするボタン
Follow Button | Twitter Developers
https://dev.twitter.com/docs/follow-button

「フォローする」ボタン


「フォローする」ボタン(ユーザー名非表示)


「フォローする」ボタン(大)


「フォローする」ボタン(大)(ユーザー名非表示)


「ハッシュ」ボタンの設置方法

ハッシュタグボタン


Twitterボタン
https://about.twitter.com/ja/resources/buttons
英語版
https://about.twitter.com/resources/buttons

「@ツイート」ボタンの設置方法

@ツイートボタン


Twitterボタン
https://about.twitter.com/ja/resources/buttons
英語版
https://about.twitter.com/resources/buttons

埋め込みツイートの設置方法

埋め込みツイート

埋め込みツイート | Twitter Developers
https://dev.twitter.com/ja/docs/embedded-tweets
Embedded Tweets | Twitter Developers
https://dev.twitter.com/docs/embedded-tweets

ウェブサイトにツイートを埋め込むには

twitter.comとTweetdeckのすべてのツイートの下部から、返信、リツイート、お気に入り登録など、ツイートに対する一連の操作を実行できます。ここにある「その他」をクリックして「ツイートをサイトに埋め込む」を選択します。

埋め込み用のHTMLコードが記載されたダイアログが表示されます。ツイートを表示したい記事に、このコードをコピーペーストします。ツイートがどのように表示されるかはプレビューで確認できます。

ツイートが返信の場合は、会話全体を含めるかどうかを指定するチェックボックスが「このツイートをサイトに埋め込む」ダイアログに表示されます。

(「埋め込みツイート | Twitter Developers」)

埋め込みタイムラインの設置方法

「埋め込みタイムライン」は簡単にTwitterのタイムラインを自分のサイトに表示できるツールです。タイムラインはリアルタイムで更新され、タイムライン上から直接、返信、リツイート、お気に入りに登録することができます。twitter.comのウィジェット設定から簡単に作成可能です。

(「埋め込みタイムライン | Twitter Developers」)

埋め込みタイムラインの5つのタイプ

・ユーザータイムライン
・お気に入りタイムライン
・リストタイムライン
・検索、ハッシュタグのタイムライン
・コレクションのタイムライン

埋め込みタイムライン
埋め込みタイムライン | Twitter Developers
https://dev.twitter.com/ja/docs/embedded-timelines
Embedded Timelines | Twitter Developers
https://dev.twitter.com/docs/embedded-timelines

設定
ウィジェット
ウイジェットの作成と管理
https://twitter.com/settings/widgets

ユーザータイムライン

ユーザータイムライン


お気に入りタイムライン

お気に入りタイムライン


リストタイムライン

リストタイムライン


検索、ハッシュタグのタイムライン

検索、ハッシュタグのタイムライン

ハッシュタグのタイムライン
(「#rainbow」というハッシュタグがついたツイートの一覧リスト)

 

検索結果のタイムライン

(「八重桜」でツイートを検索した検索結果の一覧リスト)

コレクションのタイムライン(カスタムタイムライン)

コレクションのタイムライン(カスタムタイムライン)

カスタムタイムライン
Custom Timelines | Twitter Developers
https://dev.twitter.com/docs/custom-timelines

カスタムタイムライン(コレクション)は、TweetDeck(ツイートデック)をつかってつくります。

Custom timelines in TweetDeck | Twitter Blogs
https://blog.twitter.com/2013/custom-timelines-in-tweetdeck

ツイートデック
TweetDeck
https://tweetdeck.twitter.com/

ツイッターカードの設置方法

Twitter Cards
Get more from 140 characters | Twitter Developers
https://dev.twitter.com/cards

ツイッターカード
Twitterカード | Twitter Developers
https://dev.twitter.com/ja/docs/cards
Twitter Cards | Twitter Developers
https://dev.twitter.com/docs/cards

ツイートにつけられるカードの種類は7種あります。各種類がtwitter.comでもでもTwitterのモバイル・クライアントでも綺麗に表示されます:

  • Summary Card:標準のカードです。タイトル、ディスクリプション、サムネイル、サイトのTwitterアカウントを含みます。
  • Summary Card with Large Image:Summaryカードに似ていますが、画像が目立つようになっています。
  • Photo Card:写真を表示するためのカードです。
  • Gallery Card:写真の収集を目立たせるカードです。
  • App Card:アプリケーションを紹介するためのカードです。
  • Playerカード:動画や音声プレーヤーカードです。
  • Product Card:商品を見せるためのカードです。

(「Twitterカード | Twitter Developers」より)

Playerカード(プレイカード)

プレイカード
Playerカード
https://dev.twitter.com/ja/docs/cards/types/player-card
Player Card
https://dev.twitter.com/docs/cards/types/player-card

 

social media (*3)

LinkedIn(リンクトイン)

LinkedIn(リンクトイン)

LinkedIn(リンクトイン)
https://jp.linkedin.com/

・姓
・名
・メールアドレス
・パスワード(6文字以上)

・公開プロフィールのURL(半角英数字。自分のページのURLになります。)(基本的に、後で変更はできません。)

・プロフィール画像
正方形(画像をアップロードしたあとに、画像内の表示範囲を調整するときに表示範囲を指定ます。たとえば、250x250ピクセルなど。)
JPG、GIF、または PNG ファイルをアップロードできます (最大 4 MB)。

LinkedInグループ

グループの作成 | LinkedIn
https://www.linkedin.com/createGroup?displayCreate

・ロゴ:
このロゴは、グループのページおよびディレクトリに掲載されます。
注: 利用できるファイル形式は PNG、JPEG、GIF です (最大サイズ: 100KB)
* 本ロゴまたは画像は、著作権、商標、その他の所有権を侵害するものではありません

・グループ名:
注: グループ名に「LinkedIn」という名称を使用することはできません。

・グループのタイプ:
(選択)
同窓生グループ
会社グループ
講習会グループ
ネットワーキンググループ
非営利団体グループ
職業グループ
その他

・概要:
グループに関する簡単な説明と、その目的を入力してください。このグループ概要は、グループディレクトリに表示されます。

・説明:
グループの説明はグループページに表示されます。

・Web サイト:

・グループ所有者のメール:

・加入システム:
(選択)
自動参加: LinkedIn メンバーであれば誰でも自動的にグループに参加できます。
認証参加: 加入希望者はリクエストを送信し、管理者からの承認を受ける必要があります。

・場所:
(オプション)
特定の国・地域を拠点に活動します

・ Twitter 通知:
(オプション)
有効にする/無効にする

「シェア」ボタンの設置方法

LinkedIn Developer Network
https://developer.linkedin.com/plugins/share-plugin-generator

pinterest(ピンタレスト)

pinterest(ピンタレスト)

pinterest(ピンタレスト)
https://pinterest.com/

おしゃれな画像共有サイトです。
(画像以外にも、YouTubeなどの動画や、SoundCloud(サウンドクラウド)などの音楽・音声・音も共有することができます。)
女性に人気があります。

登録
https://pinterest.com/join/signup/
https://pinterest.com/join/register/

・ユーザー名(半角英数字。自分のページのURLになります。)
・メールアドレス
・パスワード
・姓
・名
・性別

・プロフィール画像(正方形)
153x153 ピクセル

「ピン」ボタン(「Pin it」ボタン)の設置方法

「ピン」ボタン(「Pin it」ボタン)を、ウェブページのなかに設置すると、そのウェブページ内の「ピン」ボタンを押したときに、そのウェブページ内の画像や動画の一覧が表示され、そのなかから「ピン」したい画像や動画を選んで「ピン」することができるようになります。

ウィジェットビルダー
Widget Builder | Pinterest 法人向け
Widget builder | Pinterest for Business
https://business.pinterest.com/widget-builder/#do_pin_it_button

「長方形」の「ピン」ボタン(「Pin it」ボタン)

「大」「長方形」「赤」

「大」「長方形」「グレー」

「大」「長方形」「白」

「小」「長方形」「赤」

「小」「長方形」「グレー」

「小」「長方形」「白」

「円形」の「ピン」ボタン(「Pin it」ボタン)

「大」「円形」

「小」「円形」

「フォローボタン」(Follow button)の設置方法

「フォローボタン」(Follow button)に、ピンタレストの特定のユーザーのプロフィールページのURLを指定しておくと、その「フォローボタン」を押すことで、そのユーザーをフォローすることができるようになります。

「フォローボタン」のなかに表示させる文字は、自由に指定することができます。

ウィジェットビルダー
Widget Builder | Pinterest 法人向け
Widget builder | Pinterest for Business
「フォローボタン」(Follow button)
https://business.pinterest.com/ja/widget-builder#do_follow_me_button

表示させる文字を「倉田幸暢」にした場合
倉田幸暢

表示させる文字を「倉田幸暢(Yukinobu Kurata)」にした場合
倉田幸暢(Yukinobu Kurata)

表示させる文字を「Yukinobu Kurata」にした場合
Yukinobu Kurata

表示させる文字を「フォローしてちょ♥」にした場合
フォローしてちょ♥

「ピンウィジェット」(Pin widget)(埋め込みピン)の設置方法

「ピンウィジェット」(Pin widget)では、個々の「ピン」のURLを指定することで、そのピンを単体でウェブサイトのなかに表示させる(ウェブサイトのなかに「埋め込む」)ことができます。

ウィジェットビルダー
Widget Builder | Pinterest 法人向け
Widget builder | Pinterest for Business
「ピンウィジェット」(Pin widget)(埋め込みピン)
https://business.pinterest.com/ja/widget-builder#do_embed_pin
Pinterest Developers
https://developers.pinterest.com/tools/widget-builder/?type=pin

「プロフィールウィジェット」(Profile widget)の設置方法

「プロフィールウィジェット」(Profile widget)に、ピンタレストの特定のユーザーのプロフィールページのURLを指定しておくと、そのユーザーのピンのなかで最新の30個のピンを表示させることができます。

ウィジェットビルダー
Widget Builder | Pinterest 法人向け
Widget builder | Pinterest for Business
「プロフィールウィジェット」(Profile widget)
https://business.pinterest.com/ja/widget-builder#do_embed_user

「Square」

「Sidebar」

「Header」

「Roll Your Own」

「ボードウィジェット」(Board widget)の設置方法

「ボードウィジェット」(Board widget)に、ピンタレストの特定の「ボード」(Board)のページのURLを指定しておくと、その「ボード」にはいっているピンのなかで最新の30個のピンを表示させることができます。

ウィジェットビルダー
Widget Builder | Pinterest 法人向け
Widget builder | Pinterest for Business
「ボードウィジェット」(Board widget)
https://business.pinterest.com/ja/widget-builder#do_embed_board

「Square」

「Sidebar」

「Header」

「Roll Your Own」


 

 

 

social crm (*4)

SoundCloud(サウンドクラウド)

SoundCloud(サウンドクラウド)は、音楽や音声などの「音」を共有できるサービスです。

SoundCloud(サウンドクラウド)は、音楽や歌を共有・公開するという使い方はもちろんのこと、音声だけでおこなわれるセミナーなどの音声情報を共有・公開する、という使い方もされています。

SoundCloud(サウンドクラウド)
SoundCloud – Hear the world’s sounds
https://soundcloud.com/

プレイリスト(playlist)の埋め込み(エンベッド)

プレイリスト(playlist)というのは、複数のトラック(track)(SoundCloudに投稿されている個々の音楽・音声)をまとめた再生リストのことです。

トラック(track)の埋め込み(エンベッド)

トラック(track)というのは、SoundCloudに投稿されている個々の音楽・音声のことです。

LINE(ライン)

LINE(ライン)
無料通話・メールアプリ LINE(ライン)
https://line.naver.jp/ja/

「LINEで送る」ボタン

LINEで送るボタン|メディア運営者の方へ
https://media.line.naver.jp/ja/

設置方法|LINEで送るボタン
https://media.line.naver.jp/howto/ja/

(参考サイト)
FacebookやTwitterとは一味違う!?「LINEで送る」ボタン傾向と分析
https://directorblog.jp/archives/51776475.html

Tumblr(タンブラー)

Tumblr(タンブラー)
https://www.tumblr.com/

・メールアドレス
・パスワード
・ユーザー名

feedly(フィードリー)

feedly(フィードリー)

RSSリーダー

feedly. feed your mind.
https://www.feedly.com/

Googleリーダーに代わるRSSリーダー「feedly」(フィードリー)

廃止されたGoogleリーダーに代わるRSSリーダーとして、海外マーケッターのジョー・バーンズが、「feedly」(フィードリー)というRSSリーダーを紹介しています。

FirefoxやChromeなどのブラウザの拡張機能です。

↓ 「feedly」(フィードリー)の紹介動画

ブログ記事
Going: Google Reader – Enter: Feedly! | Jo Barnes Online
https://jobarnesonline.com/going-google-reader-enter-feedly/

「feedly」(フィードリー)
feedly. feed your mind.
https://www.feedly.com/

Feedly button(フィードリーボタン)

「feedly」(フィードリー)のボタンを埋め込むためのコードを生成して、そのボタンをブログやウェブサイトに表示させることができます。

Feedly button(フィードリーボタン)

feedly. your news. delivered.
https://www.feedly.com/factory.html

ちなみに、下記のページでは、feedly(フィードリー)のボタンをカスタマイズして、自分の好きなデザインのボタンにするための方法が紹介されています。

FeedlyのブログRSS購読者数(フォロワー数)を取得・表示してうれしがる方法を紹介するよ!もちろんWordPressでも | ホホ冢次男
https://hayashikejinan.com/webwork/rss/432/

FeedlyのRSS登録ボタンを購読者数を付けてソーシャルボタン風に設置するサンプルを載せてみる。 | ホホ冢次男
https://hayashikejinan.com/webwork/rss/526/

feedlyの購読者数を確認する方法

ちなみに、下記のページでは、「feedly」(フィードリー)の購読者(サブスクライバー)数を知ることができます。

下記のページで、「チェッカー」という見出しがついているところの入力欄に、任意のブログのSSフィードのURLを入力してボタンをクリックすると、「feedly」(フィードリー)の購読者(サブスクライバー)数が表示されます。

[K]Feedly Subscribers Checker | Knowledge Colors
https://knowledgecolors.net/feedly-subscribers-checker.html

-------------------------------------------------------------------

HootSuite(フートスイート)

HootSuite(フートスイート)
https://hootsuite.com/

ブログで新しい記事を公開した時に、その情報(RSS)を、自動的に複数のソーシャルメディアに配信することができます。
(Goolge+ 、Facebook、Twitter、LinkedIn、Tumblrなど)

• 複数のSNS管理
• 予約投稿と一括配信
• ソーシャルの会話をトラッキング
• ソーシャルメディア活動の分析

無料版と有料版があります。

・メールアドレス
・氏名
・パスワード

(参考サイト)
無料版でもこんなに高機能!ソーシャルメディア運用ツール「HootSuite」機能・特徴まとめ | ソーシャルリクルーティングの世界
https://www.social-recruiting.jp/archives/11817

(参考サイト)
[N] ツイッターのウェブクライアント「HootSuite」が高機能すぎてヤバい!!
https://netafull.net/twitter/032057.html

dlvr.it(デリバーイット)

dlvr.it(デリバーイット)
https://dlvr.it/

ブログで新しい記事を公開した時に、その情報(RSS)を、自動的に複数のソーシャルメディアに配信することができます。
(Facebook、Twitter、LinkedIn、Tumblrなど)

無料版と有料版あり。

・メールアドレス
・パスワード

(参考サイト)
dlvr.itはRSSフィードからTwitter/Facebookへの自動投稿サービスの決定版かも | Web担当者Forum
https://web-tan.forum.impressrd.jp/e/2012/02/07/12097

-------------------------------------------------------------------

Pocket(ポケット)

Pocket(ポケット)

Pocket(ポケット)
Pocket (Formerly Read It Later)
https://getpocket.com/

「Pocket」ボタン

「Pocket」ボタン作成(ウェブページへの設置コードの作成)
Pocket for Publishers: Pocket Button
https://getpocket.com/publisher/button
Pocket for Publishers: Pocket Button Documentation
https://getpocket.com/publisher/button_docs

(参考サイト)
【Pocket】ボタンをトップページなどの一覧ページに貼る方法 | キノめも
https://kinomemo.info/create/999/

Pocketボタンを設置する際には、併せて3つのパラメータが設定出来るみたいですね。
data-save-url="{Permalink}" /* Pocketに送るURL */
data-pocket-count="vertical" /* ボタンの形 */
data-pocket-align="left" /* ボタンの配置位置 */

(「Pocket」ボタンの実用例)
[N] ツイッターのウェブクライアント「HootSuite」が高機能すぎてヤバい!!
https://netafull.net/twitter/032057.html

(参考サイト)
(「Pocket」ボタンの実用例)
気になるページを保存してあとで別のスマホなどからオフライン時にも読めるようにできる「Pocket」の使い方 - GIGAZINE
https://gigazine.net/news/20120911-pocket/

保存したページのデータをあらかじめダウンロードさせておくことで、電波の届かない場所であってもiPhoneやAndroidなどのスマートフォンからオフラインで読むことができ、約300種類ものアプリと連携可能となっているネットサービス

 

social media (*5)

Buffer(バッファー)

Buffer - A Smarter Way to Share on Social Media
https://bufferapp.com/

Facebook、Twitter、リンクトインへの「予約投稿」をすることができます。

「Buffer」ボタン

「Buffer」ボタン作成(ウェブページへの設置コードの作成)
The Buffer Button - Buffer
https://bufferapp.com/extras/button

(「Buffer」ボタンの実用例)
Why Google+ Is the Best Social Platform for Content Marketers
https://www.copyblogger.com/google-plus-content-advantage/

(「Buffer」ボタンの実用例)
3 Reasons Why You Should Hardcode Your Social Media Share Buttons -
https://relevance.com/blog/3-reasons-why-you-should-hardcode-your-social-media-share-buttons

Android アプリ(Google Play)
Buffer (Twitter, Facebook) - Google Play の Android アプリ
https://play.google.com/store/apps/details?id=org.buffer.android&hl=ja

Buffer(バッファー)は一つのインターフェースから、Twitter(ツイッター)、Facebook(フェイスブック)、LinkedIn(リンクトイン)やApp.net(アップ・ドットネット)に投稿するための最善の方法です。
Bufferは以下のようなニュースのアプリから使えます。
Flipboard(フリップボード)、Zite(ザイト)、Taptu(タップツウ)、 TweetDeck(ツイートデック)、 Evernote(エバーノート)、Pocket(ポケット)、Instapaper(インスタペーパー)、Pulse News(プルスニュース)、Feedly(フィードリー)、UberSocial(ウーバーソーシャル)、Plume(プルーム)、Seesmic(シーズミック)Google Currents(グーグルカレント)やGoogle Reader (グーグルリーダー)など。
さらに、Twitterアナリティクス、FacebookアナリティクスとLinkedInスタッツの分析機能も、Bufferに含まれています。

(参考サイト)
僕がBufferを使い続けている6つの理由 | IDEA*IDEA
https://www.ideaxidea.com/archives/2011/07/buffer_love.html

Bufferは「ブックマークレットやブラウザのエクステンションからツイートを予約投稿しておけるツール」です。
Bufferを使うと効果的に「再掲」をすることができます。
いくつかのツールを使えば、だいたいツイッターの反応が高い時刻がわかるので、そこに集中的にBufferで投稿をさせればOKです。
しばらく実験していたのですが、最近はあまり記事を書かなくてもコンスタントにPVを確保、というか、むしろ上がっている傾向にあります。ブロガーなら是非積極的に使ってもらいたいところです。

(参考サイト)
仕事でtwitter使う人には、Bufferというサービスは必須かもしれない | fladdict
https://fladdict.net/blog/2012/04/buffer.html

Bufferは呟きをTwitterやFacebookに、時間を分散して投稿してくれるサービス。朝おきて、気になった記事をブックマークレットで適当に登録しておけば、いい感じにばらけてTweetをしてくれるのです。
iPhoneアプリもあるし、Chrome拡張もあって、拡張をいれるとTwitter本家のページにもBufferボタンがついたりとか細かいところも便利。

(参考サイト)
なるほど納得!「Buffer」の実力を知る。twitterへの投稿を調節する「Buffer」がとても都合いい
https://blog.quusookagaku.com/wordpress/1892/

-----------------------------------------------------------------

Gunosy(グノシー)

Gunosy(グノシー)
https://gunosy.com/

Gunosy(グノシー)の概要
「興味にそったニュースや記事をあつめてくる情報サービス。使えば使うほど、あなたの興味を学習し、より良い記事を推薦するようになります。」

現在、ユーザー数が13万人で、今年中に100万人にするそうです(2013年4月時点)。
今、かなり注目されているニュースアプリだそうです。

(参考サイト)
「ゲームとTwitterとFacebookしかしないなんてもったいない」、Gunosy開発チーム根掘り葉掘りインタビュー - GIGAZINE
https://gigazine.net/news/20130417-gunosy/
創業者/開発者へのインタビュー記事です。

(参考サイト)
Make the Life Better: 僕がGunosyを作った理由
https://new-new-thing.blogspot.jp/2011/10/gunosy.html
MakeCEOの福島さんが語る「僕がGunosyを作った理由」です。

(参考サイト)
Gunosyのソーシャル採用・Wantedly
https://www.wantedly.com/companies/gunosy

ifttt(イフト)

ifttt(イフト)
IFTTT / Put the internet to work for you.
https://ifttt.com/

(参考サイト)
どんな人にもフィットしちゃう!まさに万能な“webサービス界のミタさん”こと 「ifttt」 がグッときた。
https://blog.quusookagaku.com/internet/1256/

webサービスを、マッシュアップして、オートマティックに処理してくれる。頼もしすぎる今最も熱いwebサービス。

「ifttt」は if this then that の頭文字です。
もし、こういうときは、これを、こうしてね

例えばtwitterというサービスで、ハッシュタグが付いているものだけ、facebookに流す場合。

if this ツイッター thenトリガーは任意のハッシュタグが付いているとき that facebookに新しくポストしてね。ということをタスク登録できます。
登録の仕方もグラフィカルで、シンプル。快適に登録できます。

要するに、

それぞれのサービス同士を細かく条件分けして、連携させましょう。しかも自動的に!

というわけです。

サービス同士の連携を「ifttt」ではレシピと呼んでいるのですが、そのレシピはユーザーが好きなだけ公開してくれています。

もうすでに数えきれない万能レシピが蓄えられているのです。

はてなブックマーク

はてなブックマーク
https://b.hatena.ne.jp/

「はてなブックマークボタン」の設置方法

はてなブックマークボタンの作成・設置について - はてなブックマーク
https://b.hatena.ne.jp/guide/bbutton

人気ブログランキング

人気ブログランキング - ブログ検索とカテゴリのブログポータルサイト
https://blog.with2.net/

ブログランキング
ブログ検索

にほんブログ村

にほんブログ村 - 人気ブログランキングとブログ検索
https://www.blogmura.com/

ブログランキング
ブログ検索

Flickr(フリッカー)

Flickr(フリッカー)

Flickr(フリッカー)
https://www.flickr.com/

Instagram(インスタグラム)

Instagram(インスタグラム)
https://instagram.com/

アイコン画像、ボタン、バナー

バナー • Instagram
https://www.instagram.com/accounts/badges/

バナーを選択

アイコン画像(大)

Instagram

アイコン画像(中)

Instagram

アイコン画像(小)

Instagram

アイコン画像(極小)

Instagram

「View on Instagram」

Instagram

開発者用
Instagram Developer Documentation
https://www.instagram.com/developer/

Foursquare(フォースクエア)

Foursquare(フォースクエア)
https://ja.foursquare.com/

----------------------------------------------------------------

AddThis(アッドディス)

ウェブページに各種ソーシャルメディアのシェアやブックマークなどのボタンを設置することができるウェブサービスです。

ワードプレス用のプラグインがあるので、手軽にワードプレスサイトに導入することができます。(AddThisのアカウントが必要)

・メールアドレス
・パスワード

AddThis
The Largest Sharing and Social Data Platform. We Provide Twitter and Facebook Buttons, Custom Audience Targeting, and more. | AddThis
https://www.addthis.com/

ワードプレスのプラグイン
WordPress › Share Buttons by AddThis « WordPress Plugins
https://wordpress.org/extend/plugins/addthis/

ShareThis(シェアディス)

ウェブページに各種ソーシャルメディアのシェアやブックマークなどのボタンを設置することができるウェブサービスです。

ワードプレス用のプラグインがあるので、手軽にワードプレスサイトに導入することができます。(ShareThisのアカウントが必要)

・メールアドレス
・パスワード

ShareThis
https://sharethis.com/

ShareThis
ShareThis - Share Buttons, Share Plugin, Share Analytics, Media Solutions
https://sharethis.com/

ワードプレスのプラグイン
WordPress › ShareThis: Share Buttons and Sharing Analytics « WordPress Plugins
https://wordpress.org/extend/plugins/share-this/

----------------------------------------------------------------

 

Growing Social Media (*6)

 


脚注
  1. Instagram and other Social Media Apps by Jason A. Howie, on Flickr)[↩ Back]
  2. Social Media Heart Collage by kdonovangaddy, on Flickr)[↩ Back]
  3. social media by Sean MacEntee, on Flickr)[↩ Back]
  4. social crm by Sean MacEntee, on Flickr)[↩ Back]
  5. social media by Sean MacEntee, on Flickr)[↩ Back]
  6. Growing Social Media by mkhmarketing, on Flickr)[↩ Back]