タグ

設置に関するamada717のブックマーク (2)

  • 保存版!SNSソーシャルボタン設置コード一覧まとめ!コピペでOK

    ソーシャルボタン設置コードの注意点 今回の記事で掲載する設置コードは、「スクリプト部分」(JavaScript)と「表示部分」を分けています。 もし同じソーシャルボタンをページ内に複数設置する場合は、各「スクリプト部分」は1度だけ記述すればいいです。その方が読込み時間も短縮できて、表示速度の高速化もはかれます。「表示部分」は設置数だけ配置してください。 「スクリプト部分」の設置場所は、5種類のソーシャルボタンとも、</body>タグの直前がオススメです。もちろん<head>タグ内でもいいけど、前者の方がボタン以外の表示は速くなります。 さらなる高速化をめざしたい方は、5種類のソーシャルボタンのスクリプトを1つにまとめる方法も記事にしていますので、ぜひ参考に読んでみてください。 ツイッター/Twitterの設置コード スクリプトのコード 上でも書きましたが、配置場所はどこでもいいです。ページ

    保存版!SNSソーシャルボタン設置コード一覧まとめ!コピペでOK
  • 【Webサイト高速化】ソーシャルボタンを1つにまとめるコードを共有するよ

    【ブログ術】表示速度アップ!SNSソーシャルボタン後読み設定で高速化 【ブログ術】FacebookのOGP設定をプラグインなしで設置する方法 【WordPressプラグイン】複数ソーシャルボタンを記事前後に並べて設置 私が現在このブログで利用しているソーシャルボタンは、自分でも利用している5種類です。ツイッター、Facebook、はてなブックマーク、Google+、Pocketです。 なおWordPressを利用している方は、次の高速化についてのまとめ記事も参考にしてみてください。 ソーシャルボタンを3段階でまとめる そもそも、ソーシャルボタンをまとめるとはどういう意味なのかを3段階で説明します。 同じソーシャルボタンのスクリプトを1つにまとめる 全てのソーシャルボタンのスクリプトを1箇所にまとめる 全てのソーシャルボタンを1つのスクリプトにまとめる ただし同じボタン(例えばツイッターボタ

    【Webサイト高速化】ソーシャルボタンを1つにまとめるコードを共有するよ
  • 1