COS-Blog

HubSpotページに個々のソーシャルメディア共有ボタンを追加する方法

更新日時 December 1, 2016

HubSpotページにFollow Meモジュールだけでなく個々のソーシャルメディア共有ボタンを追加するには、各ボタンのコードを埋め込みます。多くのソーシャルネットワークが、共有ボタンを簡単にカスタマイズしたり、利用できるよう、開発者向けにウェブサイトパーツを用意しています。

注:自分のHubSpotページのHTML/Javascriptモジュールに以下の埋め込みコードを追加する必要があります。

Twitter

訪問者がコンテンツを共有したり、交流できるよう、Twitterの共有ボタンを追加します。4種類のボタンが用意されているので、その中から選んでカスタマイズできます。Twitterの共有ボタンを入手するには、こちらをクリックします。

LinkedIn

LinkedInの共有ボタンを設置すると、ユーザーはLinkedInのプロフェッショナルオーディエンスとあなたのウェブサイトを共有してサイトへのアクセスを促すことができます。3つのオプションから選択できます。LinkedInの共有ボタンを入手するには、こちらをクリックします。

Facebook

「いいね!」ボタンを設置すると、ユーザーはあなたのコンテンツをFacebookの友達と共有できます。ユーザーがあなたのサイト上の「いいね」ボタンをクリックすると、ユーザーの友達のニュースフィードにあなたのウェブサイトのリンクを掲載した記事が表示されます。Facebookの共有ボタンを入手するには、こちらをクリックします。まず、Facebookが提供するJavaScriptコードスニペットを[Settings(設定)] > [Website Settings(ウェブサイトの設定)] > [Header Html(ヘッダーHTML)]に貼り付け、それから「いいね!」ボタンのHTMLコードをページのHTML/Javascriptモジュールに挿入します。


ユーザー追加画像

Google+

「+1」ボタンを設置すると、訪問者にあなたのコンテンツをGoogle検索上でおすすめしてもらい、Google+で共有してもらうことができます。サイズ、アノテーションなどを選択できます。Google+の共有ボタンを入手するには、こちらをクリックします。「+1」ボタンのHTMLコードをページのHTML/Javascriptモジュールに挿入できます。

Pinterest

訪問者があなたのブログ記事をPinterestのボードにピンすれば、コンテンツを記録に残して、あとで友達と共有してもらえます。Pinterestのウィジェットビルダーについては、こちらをご覧ください。



ユーザー追加画像