はてなブックマーク

カウントありのソーシャルボタンの設置方法です。WPに設置ではなく、静的ページに簡単に設置する場合の手順です。javascriptはまとめて記述して、ボタンが複数設置できるようする方法で紹介します。 カウント無タイプの場合はこちらに書いています。 《静的用》カウントなしのソーシャルボタン設置、外部jsにまとめる方法 完成形のイメージです。 ※ツイッターはカウント表示できなくなりました。 サンプルデモ バルーンにカウント表示ありで、ツイッターボタン、facebookのいいねボタン、はてなブックマークボタン、Google+ボタンの横並び設置例です。 jsコードの記述例以下のコードを表示したいページのhtmlに記述します。 <script type="text/javascript"> (function(w,d){ w.___gcfg={lang:"ja"}; var s,e = d.getEl

Googleタグマネージャで、Googleアナリティクスのトラッキングコードを挿入した場合に、従来のaタグでのonclickイベントがトラッキングできなかったので対処方をまとめます。イベントトラッキングできるようにする方法です。 Googleアナリティクスのトラッキングコードはユニバーサルアナリティクス対応版です。 Googleタグマネージャでは従来のaタグイベントトラッキングはできないGoogleタグマネージャのコードを通常の設定のまま挿入すると、従来のaタグでHTMLに直書きしてのイベントトラッキングはできません。 HTMLに直書きする記載例はこのタイプのもの <a class="btn01" href="URL" onclick="ga('send', 'event', 'カテゴリ', 'アクション', 'ラベル', 値);">申し込みボタン</a> Googleタグマネージャでユニ

以前の新規サイト公開時に初期設定したい.htaccessの書き方の記事でも書きましたが、 簡単に説明すると、 SSL化したとしてもhttpでアクセスされる場合があり、セキュリティ上では万全ではない（通信を傍受されたりフィッシング詐欺に遭ったりする危険性がある）ようです。それを防ぐ仕組みとしてサーバー側でHTTPSで必ず接続するようにとブラウザに指示するのが、HSTSの設定です。 この設定をすると、そのサイトに対してアクセスするのにHTTPを使わず自動的にHTTPSで接続するようにできます。 HSTSの設定方法HSTSの設定方法は.htaccessに以下の内容を記述します。 Header set Strict-Transport-Security "max-age=31536000" max-ageは有効期間です。単位は秒で、86,400秒は1日です。 31,536,000は1年間を設定して

スマホでスライドして表示するドロワーメニュー、jQueryプラグイン「Slidebars」の使い方、設置方法です。こちらの内容はバージョン2です。2016年6月頃のバージョンアップされ、公式ページもリニューアルされています。 以前のバージョンはこちらのページをご覧ください。 ⇒軽量！Slidebars.jsの使い方～スマホでスライドするドロワーメニュー それではまずは サンプルデモ１ サンプルデモ２ 以前のバージョンとの違いスライドメニューを表示するときのエフェクトがOff-Canvas Menu Effectsになっています。それと以前はオプション設定が結構あったのですがサイトを見る限りなくなっているようです。 Slidebarsの使い方、設定方法jQueryとSlidebarsよりダウンロードしたファイルのdistのフォルダからslidebars.min.jsとslidebars.mi

Googleアナリティクスのイベントトラッキングのコードはonclickで設置するよりonmousedown、ontouchstartで計測する方が取得数がより正確になります。 以前のアナリティクスのABテストの記事でonclickでイベントトラッキングしましたが、実際のPV数よりイベントのカウント数が少なくなっていました。なぜなのか調べてみましたら次のような記事がありました。 ⇒GoogleAnalytics イベントトラッキング: onClick vs onMouseDown （ありがとうございます） このコード、実はやや問題があって、リンク先のPDFの読み込みが速いと、ビーコンをGoogleに送る前にリンク先のPDFが開いてしまい、ビーコンを送信していた元のページがunloadされ、結果としてイベント/PVがカウントされないことがあります。 この記事に書かれている内容は、onclic

スマホでスライドして表示するドロワーメニュー、jQueryプラグイン「Slidebars」の使い方、設置方法です。 ドロワーメニューのjsはいろいろありますが、このSlidebars.jsが簡単に設置でき、しかもjsファイルサイズは1k程度と軽量なのでページの表示の負荷も軽いです。設置にはほかにjqueryとcssが必要です。 それではまずは サンプルデモ 公式サイトから必要ファイルをダウンロード http://plugins.adchsm.me/slidebars/ 追記： ※このページに記載されている内容はバージョン0.10.3です。最新のバージョンとは違っていますので注意してください。 バージョン2の基本的な設定方法をまとめました。 ⇒Slidebars.js【Ver2】の使い方、設定方法～バージョンが変わってます Slidebarsの使い方、設定方法jQueryとSlidebars

sitemap.xmlのエラーがあったのでググったことの備忘録。 sitemap.xmlを作成し、ウェブマスターツールでサイトマップの送信を行った時のエラー処理の対処法。 ウェブマスターツールでのエラー表示 問題：解析エラー 説明：サイトマップを読み込めませんでした。 認識できないエントリが含まれている可能性があります。 サイトマップを確認してから、再送信してください。 クロームでsitemap.xmlを表示させた場合のエラー表示 This page contains the following errors: error on line ◯◯◯ at column ◯◯: xmlParseEntityRef: no name Below is a rendering of the page up to the first error. Firefoxでsitemap.xmlを表示させた場