概要SNSシェアボタンは、押下することで各SNSへ投稿したり「いいね」をしたりできる機能を持っています。今回は、BubbleでTwitterとFacebookのシェアボタンを作成する方法を解説します。HTMLコードを取得するまずはシェアボタンを作成するためのHTMLコードを取得します。こちらのサイトにアクセスします。Buttons」を選択します。Button」を選択します。生成されたHTMLコードをコピーしておきます。エレメントを配置する続いてBubbleにてボタンを実装します。HTMLエレメントを配置し、先ほどのHTMLコードを貼り付けます。プレビューしてみましょう。Tweetボタンが表示されました。ボタンを押下すると、Twitterのツイート画面へジャンプします。シェアボタンは、パラメータを使ってカスタマイズすることができます。引用:https://www.howtonote.jp/twitter/button/index4.htmlたとえば、ツイート時のテキストを追加してみます。HTMLコード内に「data-text=”テキスト”」の形で追記します。プレビューしボタンを押すと、ツイート画面へジャンプします。設定したテキストが、ツイート内に含まれていることを確認できました。HTMLコードを取得するまずはシェアボタンを作成するためのHTMLコードを取得します。こちらのサイトにアクセスします。https://developers.facebook.com/docs/plugins/share-button?locale=ja_JPシェアボタン設定ツールの手順に従い、シェアするURLを入力します。レイアウトとボタンサイズで、ボタンの見た目をカスタマイズします。完成したら「コードを取得」を押下します。IFrameを選択し、表示されるHTMLコードをコピーします。エレメントを配置する続いてBubbleにてボタンを実装します。HTMLエレメントを配置し、先ほどのHTMLコードを貼り付けます。プレビューしてみましょう。シェアするボタンが表示されています。ボタンを押下すると、Facebookの投稿画面を開くことができました。