シェアボタン

ソーシャルボタンやシェアボタンと呼ばれるものがあります。ブログやニュースサイトの各記事にあって、その記事をソーシャルメディア等で共有するためのものです。閲覧社は簡単な操作でいいと思った記事を友人にシェアすることができ、記事を提供する側は多くの人に読んでもらいやすくなります。これまでこのブログにも、ソーシャルボタン（シェアボタン）を付けていました。このブログの場所を借りている「はてなブログ」の公式機能で、記事の上下に付けていました。これは非常に良いものなのですが、欠点もありました。まず、動作・描画が遅い。そして、各ボタン（各SNS等のサービス公式）の大きさ等の見た目がまちまち。さらに、閲覧者の閲…

どうも。こんにちは。アラサー投資家K2です。 初心者で試行錯誤しながらブログのカスタマイズをしていますが、備忘も含めて手順を超簡単に残していこうと思います。 今日はシェアボタンカスタマイズについてです。 シェアボタンについて シェアボタンとは、他のSNSに記事をシェアするボタンです ・ブックマーク ・Facebook ・Twitter ・Pocket ・LINE こんな感じにできます。

はてなブログに設置するシェアボタンをカスタマイズした。

カスタマイズしたシェアボタンを、記事に設置しました。 以前、シェアボタンは付けないかも（下の記事参照）と書いたことがあったのですが、はてなブログの元々のシェアボタンは表示が重いと感じて。試してみることにしました。 yaanon.hatenablog.com ただ、例によって、また自分でいろいろ組み合わせてしまいました。付けたいとおりのボタンを見つけられないなんて、我ながら欲張り。 素人なので、あちこちずっと調べていて、やっと設置することを決めました。

ブログについているソーシャルボタンって使ったことありますか？ ログインしなければならなかったりなかなか面倒くさくて、URLをただコピーして、それを例えばLINEアプリで開いてからペーストして相手に送るとかしてませんか？私はがっつりこのタイプなので最近増えてきたURLをコピーするだけのボタンがソーシャルボタンの並びにあると親切だなぁーって思っていました。 そして実際自分のブログに導入したところ結構簡単だったのでシェアしたいと思います。ここでははてなブログに組み込む前提で書いてますが単純なコードなのでどのブログにも応用ができると思います。 参考にしたブログは↓こちらです。 mimpiweb.net…

こんにちは。カスタマイズ大好きsyu_reiです 今回はスマホの画面下固定のシェアボタンについて、ご紹介します。 追記：ここで紹介したAddThisサービスは2023年5月31日で終了しました。 サービスを使わないシェアボタン設置方法は以下を参照ください。 https://www.syu-rei.com/entry/addthis_stop シェアボタン設置例 設置する方法（AddThis) メールアドレスを登録 なんの機能を持つボタンにするかを決める（シェア・フォローなど） コードを確認自分のサイトに設置する AddThisの機能 シェアボタン設置例 私のブログでは、 はてなブックマーク フ…