Notionとは?
Notion
Notionのおすすめの使い方としてヘルプデスクの構築があります!
Notionはオールインワン情報共有ツールとして、社内ドキュメントやタスク管理、表管理、カレンダーなど様々な利用ができますがライトな使い心地が特徴です。このNotionは、社内利用するケースがメインですが、最近ドキュメントを公開して、ヘルプページとして利用するケースが増えています💁♀️
チャネルトークのドキュメントをパブリック公開してヘルプページとして利用してきました!チャネルトークは、スタートアップでSaaSのカスタマーサポートチャットをリーンに開発しているため、機能の追加をはじめUIの改変もかなり頻繁です。そのため、ヘルプページの更新量も多いため、HTMLなどやマークアップをせずに直感的にドキュメントを作成できるNotionはメンテナンス性が非常に高く役立っています。
ただし、一点Notionの非常に残念な点がありました!スクリプトなどを追加ができないことです!😭つまり、Google Analyticsを入れてトラフィックの確認をすることができませんでした。それだけではなく、同じくスクリプトのコピペをするだけで導入できるチャネルトークを設置できませんでした。
しかし!救世主が現れました!Superです🦸♀️✨
Superとは?
Super.so
こちらサービスの概要は簡単です。
Notion単体ではできない以下の機能を拡張できます。(料金は1サイトにつき8ドルとこれまた安い!ロードマップを見ると、今後機能を追加していく予定で料金体系も増やすとのことです)
- カスタムドメイン:デフォルトの"notion.so"という固定ドメインを自社ドメインに変更できます
- スクリプトの追加:スクリプトを追加できます!これによりGoogle AnalyticsやWebチャットなどの設置ができます!
- metaタグの追加:SEOにも大事なサイトのタイトルや説明を記載するmeta titleやmeta description、OGPなどを追加できます
- fontの変更:たくさんのフォントの中からNoto Sans JPを含め様々なフォントにカスタマイズできます
さて、単純なヘルプページではなく、リアルタイムでのサポートも可能にするヘルプデスクを構築するに置いて、特に重要なのが、2. スクリプトの追加です🌟
スクリプトの追加で可能になることは?
✔️Google Analyticsで分析
Google AnalyticsのスクリプトをNotionのページの中に入れ込むことができるので、分析が可能になります。ヘルプデスクの各ページへのアクセス数や滞在時間などがわかります。
✔️Web接客ツールやWebチャットツールを導入
チャネルトークのようなweb接客ツールやwebチャットツールのスクリプトを入れて、簡単にヘルプページ内での接客やカスタマーサポートを可能にし、ヘルプデスク化できます。
このようにSuperでNotionをヘルプデスク化したのがこちらです!
Notionで構築したヘルプデスク事例
NotionとSuperでヘルプデスクを構築する方法
さて、それでは超簡単にNotionとSuperを使ってヘルプデスクを構築する方法について紹介します!
⓪ まずは、Notionでヘルプページを作成しましょう!
一般的なNotionの使い方ですので、こちらは割愛します!
Notionで作成したヘルプページ
①ヘルプページをパブリックに設定しましょう!
作成したNotionでヘルプページをパブリックに設定
②Super.soにアクセスしてSignupしましょう
Super.soにアクセスしてSignupしましょう
③登録したメールアドレスに届いたログインリンクをクリックしてログインしましょう!
メールに届いたログインリンクをクリック
④SuperでNotionヘルプデスクサイトの設定を行なっていきましょう!
Site Name:
ヘルプサイト全体のタイトルになります!metaタイトルを設定します。(例:ChannelTalk Guide)
Custom Domain:
カスタムドメインを設定します。自社ドメインのトップページとして設定する場合には、ドメイン(例:channel.io)をそのまま入力してください。自社ドメインをすでに使っている場合には、割り当てたいサブドメイン(例:guide-jp.channel.io)を入力してください。
Public Notion URL:
先ほどパブリックに設定したNotionのヘルプページのURLをコピーしてこちらに入力しましょう!
SuperでNotionヘルプデスクページの設定
⑤ドメイン登録・DNSレコード管理サービスでエイリアスレコードを作成しましょう
こちらはエンジニアの方にお願いをしましょう!
Continueボタンを押すと、下図のように表示されたと思います。こちらをエンジニアに見せて、自社ドメインとNotionのヘルプページの連携をしてもらいましょう。
具体的には、自社ドメインに、名前はName/Hostに表示されている文字を、値にはValue/Points toに表示されている文字を設定したCNAMEレコードを登録してもらいましょう!
自社ドメインとNotionのヘルプページの連携
⑥詳細なカスタマイズをしていきましょう!
詳細なカスタマイズ
フォントの設定:
Custom fontsの欄で好きなフォントに変更できます
サイトのOGイメージ設定:
Site Imageの欄にサイトのOGイメージをアップロードして設定できます
サイトの説明設定:
Site Descriptionの欄にサイトの説明(meta description)を入力しましょう
スクリプトの挿入:
こちらにGoogle AnalyticsやチャネルトークなどのWebチャットのスクリプトを挿入しましょう!
挿入する各スクリプトはそれぞれのヘルプページを参考にしてください!
✔️Google Analyticsのスクリプト設置方法
✔️チャネルトークのスクリプト設置方法
⑦結果の確認
Saveボタンで保存をすると下図の画面になります。反映までには10分~30分程度かかるようです。
一定時間後、サイトにアクセスしてみてください!
作業はこれで完了です!👏😊
補足🌟
このように最高なSuperなのですが、一点だけ改善したらいいなというところがあります👇
・Notionヘルプページ内で最初にランディングしたページやトラフィックが分かるがその後のページ遷移まで追えない><
Google Analyticsでヘルプページ内の遷移までわかったり、チャネルトークの今ユーザーが訪問しているページ情報を把握できる機能があるのですが、そこに反映されないたらそれこそ最高なのですが...!とはいえ、どうしても解決できない問題を解決してくれたSuperありがたいです!今後のアップデートやスクリプトの書き方によってはページ遷移を追える可能性もあるので、ヘルプデスクとしての活用、Notionの使い方として、おすすめです✨🙌
熱狂的ファンを作るCSチャット"チャネルトーク"
14日間の無料トライアルからスタートできます👏
- Webチャットとチャットボット機能 お客様の声を聞いて、サービスのファンにしましょう!
- カスタマーマーケティング機能 サイト内ポップアップやメール、SMSへのステップ自動配信
- ビジネスチャット 完全無料の社内コミュニケーション
- 導入事例 Olta, Payme, Randeboo, Meilyなど50,000社導入
チャネルトークお役立ち資料一覧