2014-10-11

シェアを各記事ごとでする方法&
オリジナルシェアボタンのつくり方


昨日投稿した「Bloggerでフェイスブックいいね・シェアボタンを設置する方法」に引き続き、Facebookのシェア機能をブログに設置する方法です。

シェアした記事にFacebookからアクセスした時、前記事の方法だとブログのトップページにとんで記事に辿り着きません。ですので改善を。

前記事の「7」でブログのURLを入力しましたが、それを記事ページのURLに変更。

作成した下のコードを投稿記事の作成後、記事の最下部に入力。これでその記事にとぶシェアのリンクができます。(もしできなければ投稿作業中に画面左上「作成」→「HTML」に変更してコードを打ち込むとできるかもしれません。)



そして今回はシェアボタンをオリジナルのものに変更しました。

<a title="facebookでシェアする" href="http://www.facebook.com/sharer.php?u=シェアしたいURL&t=記事のタイトル" target="_blank">
<img src="画像URL">
</a>

上のコードを記事内の元のコードと差し替えれば大丈夫だと思います。

私の場合は下記のボタン表示に。



0 件のコメント:

コメントを投稿