SocialButton をテンプレートにして作成

開始行:
*ソーシャルボタンの設置 情報拡散のためのSNSの利用 ~ //#twitter //~ //#googleplus //#facebook **概要 情報の拡散には各種SNSのボタンが効果を発揮します。SNSのボ... ~ ***シェアボタン シェアボタンは、サイトのコンテンツをSNS上で紹介してもらう... Twitterのツイートボタン、Facebookのいいね！ボタンとシェア... 　シェアボタンやリンクを使うと、コンテンツ拡散されて、新... ~ ***フォローボタン フォローボタンは、あなたのSNSアカウントに対するファンやフ... 　サイトの概要ページ、ブログのトップ、サイドバーなどに設... ~ ***拡散力 -''Twitter''：拡散性が高く、新規獲得に効果大です。リツイ... -''Facebook''：拡散性は中程度。既存のフォロワーとの関係強... ~ ~ **Share Link Generator [[Share Link Generator>http://www.sharelinkgenerator.com/... -http://www.sharelinkgenerator.com/　を開く -SNSを選択する ＞ Twitter、Facebook、Google+、LinkedIn、P... -共有したいコンテンツのURLを空欄に貼り付け ＞ Create the ... -生成されたURLやHTMLリンクを、自分のウェブページに貼り付... ~ ~ **Instagram ***シェアボタン Instagramは画像に特化されているので、外部サイトの情報をそ... ~ ***フォローボタン あなたのサイトから、インスタグラムに誘導するには、以下の... <a class="ig-b- ig-b-48" href="（URL）?ref=badge"> <img src="//badges.instagram.com/static/images/ig-bad... </a> -URL の部分には、自分のInstagramアカウントのURL を書きま... -ボタン画像については、以下のブランドリソースから取得でき... ~ ***Instagram ブランドリソース https://en.instagram-brand.com/assets/icons ~ ***参考：InstaWidget instawidget のサービスを使うと、自分のサイトにインスタグ... ~ **Twitter ***ツイート/シェアボタン あなたのサイトにあるコンテンツを、サイト利用者のフォロワ... -https://publish.twitter.com/#　を開く -Or browse your options below > Twitter Buttons > Share B... -シェアしたいページのURLその他を設定 -HTMLコードが表示される ＞ コピー -あなたのサイトでボタンを設置したい場所に貼り付 ~ ***フォローボタン ページにTwitterのフォローボタンを設置しておくと、1クリッ... -https://publish.twitter.com/#　を開く -Or browse your options below > Twitter Buttons > Follow ... -ボタンの対象アカウントを設定 -HTMLコードが表示される ＞ コピー -あなたのサイトでボタンを設置したい場所に貼り付け ~ ***ハッシュタグボタン キャンペーンを、特定のハッシュタグでのツイートを促すボタ... -https://publish.twitter.com/#　を開く -Or browse your options below > Twitter Buttons > Hashtag... -ハッシュタグを設定 -HTMLコードが表示される ＞ コピー -対象のページに貼り付け ~ ***Twitterブランドリソース https://about.twitter.com/ja/company/brand-resources.html ~ ~ **Facebook ***「いいね！」ボタン あなたのサイトを見たユーザーが、ページ上の「いいね！」を... 　このボタンから共有するリンクに、ユーザーがコメントを加... https://developers.facebook.com/docs/reference/plugins/li... -ボタンのカスタマイズ指定 -コード（HTML5、XFBML、IFRAME、URLのいずれか）を生成 -あなたのサイトの目的の場所に貼り付け ~ ***シェアボタン いいね！ボタンと同じように、ユーザー本人のタイムラインと... -https://developers.facebook.com/docs/plugins/share-butto... -対象のURLとボタンのカスタマイズについて指定 -コードを生成（HTML5かXFBMLにのみ対応、JavaScript SDKを使... -あなたのサイトの目的の場所に貼り付け 参考：シェアボタン https://developers.facebook.com/docs/plugins/share-button... ~ ***送信ボタン サイト上のコンテンツをメッセージで紹介してもらうためのボ... -https://developers.facebook.com/docs/reference/plugins/s... -対象URLとボタンのカスタマイズについて指定 -コードを生成（HTML5かXFBMLにのみ対応、JavaScript SDKを使... -あなたのサイトの目的の場所に貼り付け ~ ***フォローボタン（旧：フィード購読ボタン） Twitterのフォローボタンと同様、１クリックで、あなたのFace... -https://developers.facebook.com/docs/reference/plugins/f... -ボタンをカスタマイズ -コード（HTML5、XFBML、IFRAME、URLのいずれか）を生成 -あなたのサイトの目的の場所に貼り付け 参考：フォローボタン https://developers.facebook.com/docs/plugins/follow-butto... ~ ~ **Google+ 同様の手順です。リンクのみ記載します。 ~ ***シェアボタン 共有ボタン https://developers.google.com/+/web/share/ ~ ***フォローボタン https://developers.google.com/+/web/follow/ ~ ~ ~

終了行:
*ソーシャルボタンの設置 情報拡散のためのSNSの利用 ~ //#twitter //~ //#googleplus //#facebook **概要 情報の拡散には各種SNSのボタンが効果を発揮します。SNSのボ... ~ ***シェアボタン シェアボタンは、サイトのコンテンツをSNS上で紹介してもらう... Twitterのツイートボタン、Facebookのいいね！ボタンとシェア... 　シェアボタンやリンクを使うと、コンテンツ拡散されて、新... ~ ***フォローボタン フォローボタンは、あなたのSNSアカウントに対するファンやフ... 　サイトの概要ページ、ブログのトップ、サイドバーなどに設... ~ ***拡散力 -''Twitter''：拡散性が高く、新規獲得に効果大です。リツイ... -''Facebook''：拡散性は中程度。既存のフォロワーとの関係強... ~ ~ **Share Link Generator [[Share Link Generator>http://www.sharelinkgenerator.com/... -http://www.sharelinkgenerator.com/　を開く -SNSを選択する ＞ Twitter、Facebook、Google+、LinkedIn、P... -共有したいコンテンツのURLを空欄に貼り付け ＞ Create the ... -生成されたURLやHTMLリンクを、自分のウェブページに貼り付... ~ ~ **Instagram ***シェアボタン Instagramは画像に特化されているので、外部サイトの情報をそ... ~ ***フォローボタン あなたのサイトから、インスタグラムに誘導するには、以下の... <a class="ig-b- ig-b-48" href="（URL）?ref=badge"> <img src="//badges.instagram.com/static/images/ig-bad... </a> -URL の部分には、自分のInstagramアカウントのURL を書きま... -ボタン画像については、以下のブランドリソースから取得でき... ~ ***Instagram ブランドリソース https://en.instagram-brand.com/assets/icons ~ ***参考：InstaWidget instawidget のサービスを使うと、自分のサイトにインスタグ... ~ **Twitter ***ツイート/シェアボタン あなたのサイトにあるコンテンツを、サイト利用者のフォロワ... -https://publish.twitter.com/#　を開く -Or browse your options below > Twitter Buttons > Share B... -シェアしたいページのURLその他を設定 -HTMLコードが表示される ＞ コピー -あなたのサイトでボタンを設置したい場所に貼り付 ~ ***フォローボタン ページにTwitterのフォローボタンを設置しておくと、1クリッ... -https://publish.twitter.com/#　を開く -Or browse your options below > Twitter Buttons > Follow ... -ボタンの対象アカウントを設定 -HTMLコードが表示される ＞ コピー -あなたのサイトでボタンを設置したい場所に貼り付け ~ ***ハッシュタグボタン キャンペーンを、特定のハッシュタグでのツイートを促すボタ... -https://publish.twitter.com/#　を開く -Or browse your options below > Twitter Buttons > Hashtag... -ハッシュタグを設定 -HTMLコードが表示される ＞ コピー -対象のページに貼り付け ~ ***Twitterブランドリソース https://about.twitter.com/ja/company/brand-resources.html ~ ~ **Facebook ***「いいね！」ボタン あなたのサイトを見たユーザーが、ページ上の「いいね！」を... 　このボタンから共有するリンクに、ユーザーがコメントを加... https://developers.facebook.com/docs/reference/plugins/li... -ボタンのカスタマイズ指定 -コード（HTML5、XFBML、IFRAME、URLのいずれか）を生成 -あなたのサイトの目的の場所に貼り付け ~ ***シェアボタン いいね！ボタンと同じように、ユーザー本人のタイムラインと... -https://developers.facebook.com/docs/plugins/share-butto... -対象のURLとボタンのカスタマイズについて指定 -コードを生成（HTML5かXFBMLにのみ対応、JavaScript SDKを使... -あなたのサイトの目的の場所に貼り付け 参考：シェアボタン https://developers.facebook.com/docs/plugins/share-button... ~ ***送信ボタン サイト上のコンテンツをメッセージで紹介してもらうためのボ... -https://developers.facebook.com/docs/reference/plugins/s... -対象URLとボタンのカスタマイズについて指定 -コードを生成（HTML5かXFBMLにのみ対応、JavaScript SDKを使... -あなたのサイトの目的の場所に貼り付け ~ ***フォローボタン（旧：フィード購読ボタン） Twitterのフォローボタンと同様、１クリックで、あなたのFace... -https://developers.facebook.com/docs/reference/plugins/f... -ボタンをカスタマイズ -コード（HTML5、XFBML、IFRAME、URLのいずれか）を生成 -あなたのサイトの目的の場所に貼り付け 参考：フォローボタン https://developers.facebook.com/docs/plugins/follow-butto... ~ ~ **Google+ 同様の手順です。リンクのみ記載します。 ~ ***シェアボタン 共有ボタン https://developers.google.com/+/web/share/ ~ ***フォローボタン https://developers.google.com/+/web/follow/ ~ ~ ~

ページ名: