シリウスでソーシャルボタンを簡単コピペで設置する方法
SIRIUSでソーシャルボタンを設置する機能は一応備わっていますが、以下のように
「Facebookのいいね！ボタン」と「ツイッターのツイートボタン」、そして「それらの両方」
を追加する機能しかありません。
でも、やはりはてなブックマークのはてブボタンは絶対必要ですよね！
（あとついでにGoogle+のぐぐたすボタンもｗ）
というわけで、それら４つを一括で設置するコードをあげておきます。
全文コピペすれば以下のようになるはずです。
（なぜかSIRIUS上のプレビュー画面では見れないけど）
以下、コピペ用のコード。
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="basic-label-counter" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <iframe src="https://www.facebook.com/plugins/like.php?href=<% pageUrl %>&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe><script src="https://apis.google.com/js/platform.js" async defer>{lang: 'ja'}</script><span class="g-plusone" data-size="medium" data-annotation="none"></span>
ちなみに、上記ソースコードはSIRIUSの記事編集画面上で貼り付けた場合のみ作動します。
他の場所では正常に動かないのでご注意を。
スポンサーリンク
シリウスでソーシャルボタンをコピペで設置する方法(SSL化対応)関連ページ
- スマホでのみ画像が表示されない時の対処方法
- 絶対URLの取得
- アクセス解析タグの反映方法
- SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。
- ランキングを10位まで表示する方法
- SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。
- SIRIUSでtitleを記事名＋サイト名にする方法＋α
- SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。
