2014年10月16日木曜日

Webサイトに簡単にFacebookやTwitterのシェアボタンを設置する方法


FacebookやTwitterのいわゆるシェアボタンは、最近どのWebサイトでも設置されています。
Webサイトに投稿した情報を簡単に他人にシェアできて、情報が拡散できるというのは、 広報活動の大きなメリットです。

しかし、いざシェアボタンを設置しようとすると、それぞれのサービスによって設置方法が違うし、とても面倒な手順を踏まないといけません。

今回は、ShareThisという海外のサービスを利用し、簡単にシェアボタンを設置できる方法をお伝えします。

1.ShareThisを表示し、「Get the code - it's free!」を選択


2.「Choose a Platform」で「Website」を選択


3.「Select a Style」でお好みのシェアボタンデザインを選択


4.「Sharing Buttons」または「Other Social Plugins」からお好みのボタンを選択し、ドラッグアンドドロップで「Selected Services」に移動


5.ここでユーザ登録を求められます。ユーザ登録をします。


6.シェアボタン設置に必要なコードが生成されます。


①のコードをコピーして、シェアボタンを表示させたいところにコードを埋め込みます(HTMLの編集です)。

②はシェアボタンを設置したページのHTMLの<header>~</header>の間に埋め込むコードです。

これで設置したページを表示させて、シェアボタンが表示されれば完了です。

もし、自社WebサイトをWordPressで運用している方は、プラグインで「ShareThis」というものをおすすめします。
今回のようなコードの貼り付けなどは不要で、管理画面から設定ができます。
本内容は個人の見解であり、所属する企業を代表するものではありません。

ShareThis

 
;