サイトにSNSボタンを設置する方法(ツイッターとフェイスブック)。

今回は、ツイッターとフェイスブックのSNSボタンを設置する方法を書いていきます。

ISARAの模写コーディングを例にやっていきます。

ツイッターの「ツイート」ボタンを設置する方法。

まずTwitter Publishにアクセス。

ここをクリック↓

一番左をクリック↓

ここのコードをコピー↓

これを自分のソースコードの、ツイートボタンを設置したい場所に貼り付けると…

できました！

ちなみに、コード上のテキストは「Tweet」と英語になっているのですが、実際貼り付けると「ツイート」と日本語になっていました。

フェイスブックの「いいね」ボタンと「シェア」ボタンを設置する方法。

次はフェイスブックのボタンです。

いいね！ボタン – ソーシャルプラグイン – ドキュメンテーション – Facebook for Developersにアクセス。

「レイアウト」をbuttonにします。

「シェアボタンを追加」にチェックを入れておくと「シェア」ボタンも付いてきます。

（見本が表示されるので確認）

最後に「コードを取得」をクリック。

するとコードが表示されるので（少し時間がかかるかも）、「iFrame」にして、下のコードをコピーします↓

これを自分のソースコードの、ボタンを設置したい場所に貼り付けると…

できました、が、位置がおかしいです。

これは高さ（height）がおかしいからです。

先ほど貼り付けたコードの、ここを直します↓今回は20にします。

これで見てみると…

できました！

以上です。