PlugOut https://blog.hatena.ne.jp/PlugOut/ Unknown Region https://plugout.hateblo.jp/ JavaScript HTML Twitter Twitterのシェアボタン設置に関して、ハマってしまったので備忘録がてらにメモ。 Googleで「Twitter シェアボタン」なんて検索すると出てくる通り、以下のTwitterの公式サイトから「シェアボタン」のコードを生成して、自分のウェブサイトなどに埋め込むことができる。 publish.twitter.com 通常通りに設置するだけなら単純にステップを進めて、最後に表示されるコードを対象のHTML内に貼り付ければ完了。 僕がハマったのは、非表示にしているDIVタグに対して「シェアボタン」を設置しようとしたからだ。 やりたかったこととしては、最初は「非表示(display: none)」… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fplugout.hateblo.jp%2Fentry%2F2019%2F11%2F16%2F013917" title="Twitterのシェアボタン設置の落とし穴 - Unknown Region" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/P/PlugOut/20191116/20191116013800.png Hatena Blog https://hatena.blog 2019-11-16 01:39:17 rich https://plugout.hateblo.jp/entry/2019/11/16/013917 1.0 100%