リスティング広告 運用代行サービス|株式会社カルテットコミュニケーションズ|Yahoo広告/Google広告正規代理店

「?」キー押下でキーボードショートカットのヘルプを表示、を簡単に実装できる「QuestionMark.js」

公開日:
更新日:

ご存知でしょうか。実は、多くのモダンなWebサイトでは、サイト閲覧中に「?」キー(「Shift」+「/」)を押下するとキーボードショートカットのヘルプが表示されるようになっています。例えば、TwitterGithubGmailGoogle+などで実装されています。

QuestionMark.jsで簡単に実装

このヘルプ表示機能を簡単に実装できるライブラリが「QuestionMark.js」です。

使い方もとても簡単。

QuestionMark.jsのサイトからファイル一式をダウンロードして、展開すると

  • css/
  • js/
  • index.html
  • question.mark.html

が入っています。

この状態で、index.htmlからjs/js/question.mark.jsおよびcss/question.mark.cssを読み込めば、index.html上で「?」によるヘルプ表示ができるようになります。

あとは、question.mark.htmlの内容を自分のWebサイトに合う内容に修正すればOKです。

デモページはこちら

余談

ちなみに、「/」押下で検索窓へフォーカスするというキーボードショートカットも割と一般的です。

Googleの検索画面で「/」と打つと検索窓に一発でフォーカスするので非常に便利ですよ。

1営業日以内に返信いたします 広告の運用代行についてのお問い合わせはこちら
シェアする

ブログ記事の中で広告運用の事例をご紹介することがありますが、実際の事例を一部加工した内容となっておりますのでご留意ください。

また、2018年7月24日よりGoogle AdWordsはGoogle広告に名称変更されました。それ以前の記事に関してはGoogle AdWordsと表記されておりますのでご了承ください。


リスティング広告の
情報をお届け

メルマガではリスティング広告に詳しくなれる記事を毎週一週間分まとめてお届けします。不定期にはなりますがリスティング広告に限らず、Web集客改善に繋がる資料もお送りしていきますので、興味のある方はぜひご登録ください。

同じカテゴリの最近の記事