【無料】Notion と連携したフォームを作る方法(Tally)
Summary
TLDRこの動画は、ノーションと連携できるフォームサービス「タリー」の紹介と使用方法を解説しています。タリーは無料でも十分に機能可以使用し、诺論との連携は標準機能だけで可能で、柔軟なシステム構築が可能。動画では、タリーの基本的な使い方、ノーションとタリーのデータベースとの連携方法、そしてタリーフォームをノーションに埋め込む方法について説明。さらに、他サービスとの連携性やカスタマイズ機能についても触れ、诺論初心者から上級者まで幅広い視聴者向けた内容となっています。
Takeaways
- 🤖 ノーションとGoogle Formの連携は可能ですが、一部設定が難しいため初心者にはお勧めしない。
- 🌟 代わりに紹介されたタリーは、ノーションと標準機能だけで連携ができるフォームサービス。
- 🆓 タリーは無料で十分に使い可能で、プロプランは月額29ドル。
- 🔗 タリーでフォームを作成する際は、ノションのUIに似たデザインが利用可能。
- 📝 フォームの必須項目やラベル設定は、タリーの画面上で簡単に操作可能。
- 🔄 フォームの送信ボタンをクリックすると、入力されたデータがノーションに自動的に連携。
- 🔗 ノーションとタリーを連携させるためには、ノーションのデータベースに接続設定を行う。
- 📊 データベースのプロパティは、タリーのフォーム入力値とマップして設定可能。
- 🌐 タリーのフォームをノーションに埋め込むことも可能で、公開ページとして利用可能。
- 🔧 塔リーは他にもGoogleシートやWebフックなど、他のサービスと柔軟に連携可能。
- 🎯 初心者でも簡単に設定できるタリーは、ノーションとの連携において魅力的な選択肢となる。
Q & A
ノーションとGoogleフォームの連携についての一般的な問題は何ですか?
-ノーションとGoogleフォームの連携は技術的に可能ですが、ZapierやIFTTTなどのサードパーティの拡張機能を使って設定を追加しなければならないため、エンジニアリングの知識が必要です。そのため、初心者には推奨しません。
タリーとは何で、どのような特徴がありますか?
-タリーはノーションと直接連携可能なフォームサービスで、無料プランでもほとんどの機能を利用できます。ユーザーインターフェースがノーションに似ており、直感的に使用できるのが特徴です。
タリーの無料プランと有料プランの違いは何ですか?
-無料プランではほとんどの基本的な機能を利用できますが、有料プランではフォームのカスタムドメイン設定、複数人でのフォーム編集、デザインのカスタマイズ、ブランドロゴの非表示などの追加機能が利用できます。
ノーションにタリーをどのように埋め込むことができますか?
-ノーションにタリーを埋め込むには、作成したフォームのURLをノーションのページにペーストし、「埋め込みを作成する」を選択します。これにより、ノーション内で直接フォームが利用可能になります。
タリーでフォームを作成する基本的な手順は何ですか?
-タリーでフォームを作成するには、タリーのウェブサイトにアクセスしてサインアップ後、'New Form'をクリックし、必要な項目を追加してフォームをカスタマイズします。最後に'Publish'をクリックしてフォームを公開します。
ノーションとタリーの連携で可能な自動化の例を教えてください。
-ノーションとタリーを連携させると、フォームの回答を自動的にノーションのデータベースに記録することができます。これにより、データの整理や管理が効率的に行えるようになります。
タリーのインテグレーション機能にはどのようなものがありますか?
-タリーは他のサービスとの連携も支援しており、Googleシート、Airtable、Webフックなどとの連携が可能です。これにより、フォームデータをこれらのサービスに自動で転送し、さまざまな用途で利用できます。
Outlines
📚 ノーションと連携できるフォームサービス紹介
この段落では、ノーションと連携できるフォームサービス「タリー」について紹介されています。タリーは無料でも十分に使用可能で、1年以上愛用されていると述べられています。また、プロプランには月の29ドルか年払いで290ドルの支払いが必要ですが、基本的にはほとんどの機能は無料で利用できます。タリーは他にも多くのツールと連携可能で、システムを柔軟に構築することが可能です。本動画では、タリーの基本的な使い方、ノーションのデータベースとの連携方法、ノーションへの埋め込み方法について解説する予定です。
🔗 タリーのフォーム作成と诺茂蔭关联
この段落では、タリーを使ってフォームを作成し、ノーションにデータを送信する方法が説明されています。フォームの作成には、タイトルや必要な項目を追加して、フォームを完成させます。その後、タリーのURLをコピーしてテスト送信を行い、データがノーションと連携していることを確認します。ノーションとの連携には、インテグレーションズからノーションを選んで、必要なデータベースを作り、プロパティをマップすることでデータの受け渡しが可能です。また、他サービスとの柔軟な連携も可能で、可能性が広がるというメリットがあります。
🌐 タリーフォームをノーションに埋め込む方法
この段落では、タリーで作成したフォームをノーションに埋め込む方法が説明されています。フォームのリンクをコピーしてノーションにペーストすることで、簡単にフォームを埋め込むことができます。また、フォームをWeb公開することで、ノーションのページ内でフォームを送信できるようになります。この方法を使うことで、ホームページの一部に問い合わせフォームを組み込むことができ、より柔軟なページ構築が可能となります。
🎉 動画のまとめと次回予告
この段落は、動画のまとめと次回の予告で構成されています。ノーションとタリーの連携方法について学ぶことができたことを振り返り、観覧者が動画を視聴してくれたことを感謝しています。また、今後の動画では5の倍数の日にアップロードする予定であり、引き続き頑張っていくと述べています。最後に、視聴者の質問に対する回答や、ノーションに関する情報提供を続ける旨を述べ、動画を締めくくります。
Mindmap
Keywords
💡ノーション
💡フォームサービス
💡Googleフォーム
💡タリー
💡データベース
💡インテグレーション
💡CSV
💡マッププロパティーズ
💡スラッシュコマンド
💡埋め込み
💡Web公開
Highlights
紹介するフォームサービスはノーションと連携可能
Google Formとの連携は可能だが、一部設定が難しい
タリーはノーションと標準機能だけで連携が可能
タリーは無料で十分に使用可能
タリーのプロプラン有料プランは月額29ドル
タリーでフォームを作成する際の基本的な手順
タリーのフォームには必須項目を設定できる
タリーのフォームには質問の内容を記入できる
タリーのフォーム作成には多种の質問形式を利用可能
タリーのフォーム送信後のユーザー通知画面をカスタマイズ可能
タリーとノーションを連携させる方法
ノーションのデータベースにタリーからデータを送信する方法
タリーのフォームをノーションに埋め込む方法
タリーは他サービスとも柔軟に連携可能
タリーを使った実用例:コミュニティの大会申請フォームとDiscord、Gmailとの連携
ノーションのサポートサービスを開始
ノーションの基本的な使い方とデータベースとの連携方法を解説
Transcripts
ノーションと連携できるフォームサービス
を紹介します皆さんこんにちはノーション
アンバサダーのつです本日も動画を見て
いただきありがとうございます今日の動画
ではノーションとフォームサービスを連携
させる方法について解説していきます
フォロワーさんからノーションと
Googleフーム連携できますかとご
質問いただくこと多いんですけどいつも
可能なんですけどあんまりお勧めはして
ないですみたいな返事をさせてもらって
ます結論ノーションとGoogle
formの連携自体は可能なんですけど
ziaだったりガスだったり拡張機能を
使うなどして少し追加で設定を入れないと
準機能で実現するっていうことはできない
んですねちゃんと仕組み理解するには
エンジニアリングの知識が必要ですし接続
部分でなんかエラーが起きてしまった場合
なんかは自分で解決してやる必要が出てき
ます知識が十分にある方だったら大丈夫な
んですけどここで沼にはまってしまうと
かなり時間の損失になってしまうので初心
者の方にはGoogleformと
ノーションの連携はあまりお勧めしてい
ませんで今回はGoogleformでは
なくノーションと標準機能だけで連携が
できるフォームサービスのタリーを紹介さ
せていただければと思っていますタリーは
無料でも十分に使用可能で僕も1年以上
ずっと愛用してるんですけど何1つ不自由
なく快適に使うことができてます
ノーションとの連携はもちろん今回の動画
ちょっと紹介するんですけど他のツールと
の連携もかなり充実してるので使い方に
応じて柔軟にシステムを組むことが可能
です今回の動画ではタリーの基本的な使い
方ノーションのデータベースとの連携方法
ノーションへの埋め込み方法この3つに
ついて解説できればと思っています動画を
最後まで見ていただくことでノーションと
フォームの連携方法をマスターすることが
できると思うので是非最後までご覧
くださいフリーランス法人向けの
ノーションサポートを開始しました
ノーションに関するご相談や構築代行受け
承っております概要欄のリンクからお問わ
せくださいそれでは本編の方行ってみ
ましょうそれでは実際にタリーを使って
フォームを作ってみたいと思いますまず
Googleの検索フォームでタリー
フォームみたいな形で検索いただくと
ちょっと広告が出てますが広告を除いた1
位のところにタリーのページが表示され
ますこちらクリックいただくとこのような
画面になりますフォームを作るための
MODもシンプルな方法ですみたいな
キャッチコピーでページが作られてますね
初めに料金プラのところを解説しておこう
と思うんですがこのプライシングのところ
クリックいただくと料金ページに
たどり着くことができます基本的には
ほとんどの機能無料でタリーは使うことが
できます僕もずっと無料プランで使い続け
てますタリーにはプロプランというのが
あって月額29$か年払いで290ドル
支払いをすることでこのような機能が解放
されますほとんどプラスアルファの機能な
ので普通の方にはいらないかもしれないん
ですがタリでフォームを作ると右下にタリ
性ですみたいなブランドのロゴが出るん
ですがそれを消すことができたり複数にで
フォームを編集することができたりあと
CSSを当ててデザインを調整したりする
みたいなことができるようになったりし
ますあとはメールでの通知設定ができる
ようになったりあとカスタムドメインも
もしかしたら使うかもしれないですね自分
でドメインをタリーのフォームに
割り当てることができるようになったりし
ます今回の動画では有料プランの使い方は
解説せず無料でどこまでできるのかという
ところに焦点を当てていきたいと思います
右上のサインアップのところから登録を
開始します名前とEメールパスワードを
それぞれ入力することでタリーの
アカウントを作ることができますタリーの
アカウント作成が完了してログインすると
このような画面になります僕の場合は
すでにかなりの数フォームを作っているの
でこんな感じの画面になっています新しく
フォームを作成したい時は右上のニュー
フォームのところをクリックしてください
フームの新規作成画面に遷移しますこの
画面見ていただいて分かる通り結構
ノーションにUIを寄せて作られて
るっていう印象があってノーションで
使えるスラッシュコマンドだったりあと
アマコマンドだったりがター上でも使え
たりします今回は会社の問い合わせ
フォームを作るっていう手で簡単な
フォームを作ってみたいと思います
タイトルを問い合わせフォームとしてやっ
てスラッシュと入力してどんな要素を追加
するかを選んでやってもいいですしここの
プラスアイコンをクリックしてやることで
こんな感じで設問を作るっていうことも
できたりしますちょっとUIが英語なので
分かりづらい部分あるかもしれないんです
がタイプはクエスチョンていうところで
ここで質問の内容を記入しますお名前
みたいな形にしておきますでここに小さく
出てるアスタリスクマークなんですけど
これはフォームが必須項目かどうかを選ぶ
ところです名前は必須なのでこのままで
いいんですけど必須を外したい時はここ
1度クリックしていただくと必須アイコン
が外れますもう一度必須をつけたい時は
ここの部分クリックするとリクイドという
ところが今オフになってるのでここをオン
にしてやることでまた必須のアイコンが
つきます他のフォームに必要な要素を作っ
ていきましょう僕はいつもスラッシュで
やるのでスラッシュでやってっちゃいます
ねラベルでえemilを作りましょう
メールアドレスみたいな感じにしておき
ますあとはラベルでお問い合わせ種別え
ドロップダウンを選択して問い合わせが
どんな問い合わせなのかを選択できるよう
にしていきますちょっと適当ですが資料
請求とその他のお問い合わせみたいな感じ
にしておきます最後に詳しい問い合わせ
内容をロングアンサーの形式で作っておき
ますこんな感じで簡単にフォームを作る
ことができましたサミットのところが英語
になってるので送信するみたいな感じで
日本語に変えておきたいと思います
ユーザーの方が送信するを押してくれた後
に表示する画面を作ることもできます
ラッシュから3級ページというのを選択
するとページ2というセクションが追加さ
れて送信するをクリックした後に表示さ
れる画面を作ることができます問い合わせ
ありがとうございますえ@マークで
ユーザーさんが入力した項目を出せるので
お名前さんお問い合わせありがとうござい
ます3営業B内に返信しますみたいな形に
しておきますこれで一通りフォームが完成
しましたこんな感じで直感的に作っていく
ことが可能ですタイトルにテスト用という
風に入れておいて完成したら右上の
パブリッシュボタンをクリックします
フォームが完成しましたフォームが完成
するとシェアリンクのところでURLが
吐き出されます先ほども申し上げたんです
がデフォルトだとタリーのドメイン配下に
スラッシュでサブディレクトリが作成され
てそこにフォームが入ってくるっていう形
になっていますここのドメインを変更し
たい方はユカスタムドメインのところ
クリックいただくとこれは有料プランには
なってしまうんですが自分のドメインを
割り当てるっていうこともできたりします
URLをコピーして実際にテスト送信して
みましょうフームのURL開くとこのよう
な画面になります実際に対を入力していっ
てみましょう名前がつや裕次メアドレスが
ゆつやtemp.co.jpや私物が資料
請求お問い合わせ内容が終了をいただき
たいですこんな感じにしておきます送信
するボタンをクリックしてみましょうそう
することでつや裕二さんお問い合わせ
ありがとうございます3営業日内に返信し
ますという文言が表示されましたもう1度
タリーの方に戻ってやって今度は
サブミッシブしてみますそうすると先ほど
入力したデータがター上に連携されている
のが分かるかと思いますこの部分はCSV
でダウンロードすることもできるので運用
に応じて適宜使っていただければと思い
ますキリーを使うとここに入ってきた
データを自動でノシに連携させることが
可能ですノシに連携させるにはこの
インテグレーションズというところを
クリックいただいて色々な連携サービスが
表示されるのでこの中からノーションを
クリックしますそうするとノーションとの
接続設定が表示されますノーション側に
先ほどのフォームと接続するデータベース
を作っていきたいと思いますそういえば
最近ここのUI変わりましたよね下で
始めるの選択肢が出るようになりました
今回はテーブルを選択して新規
データベースを作っていきましょう
タイトルをテスト用タリーという風にして
おいてそれぞれプロパティを準備していき
ますまずタイトルプロパティーのところは
IDを指定するのをお勧めしています
それぞれフォームの入力値を作っていけれ
ばと思うんですがまずはお名前あメール
アドレスですねメールアドレスと
問い合わせ種別最後に問い合わせ内容この
5つのプロパティを準備しておきます
ハリトの接続を行うには一度接続した
ノーションのワークスの場合は右上の
メニューアイコンの中からここの部分の
コネクトを選択しますこの中でタリーと
検索するとちょっと選択肢が2つ出てき
ちゃってるんですがどっちかが正しいです
ねこんな感じでタリーと連携させることが
可能ですまだ1回も接続したことがないと
いう方はタリー上から接続のボタンを
クリックすることでどのデータベースと
接続するかを選ぶことができますタリーに
戻ってやってこのセレクトノーション
アカウントのところが自分のワーク
スペースになっていることを確認してここ
のリロードボタンをクリックしますそう
すると先ほど作成したテスト用タリーと
いうデータベースが表示されたのが分かる
かと思いますこれを選択します1番上の
項目はこの接続につつける名前なので何で
も大丈夫です今回はテスト用という風にし
ておきましょう結構大事になってくるのが
ここのマッププロパティーズというところ
ですマップっていうのは割り当てるみたい
な意味だと思っていただければよくて
タリーのフォームに入力した値を
ノーションのプロパティどれに割り当て
ますかみたいな設定をここで行っていき
ますここは右側から設定していくと分かり
やすいと思うのでこっちから行くと
ノーションで作ったIDというプロパティ
にはリーガーのサブミッシブ
プロパティーのところでどんどん
プロパティを足していくことが可能です
ノーション側のメールというプロパティに
はタリーのメールアドレスを選択名前の
ところにはえお名前っていう感じで
どんどん紐付けていきますお問い合わせ
内容はお問い合わせ内容お問い合わせ種別
はお問い合わせ種別こんな感じで紐付けて
いきますお問い合わせ種別のところが
ちょっとうまく反映されなかったのでもう
一度ノーションの方確認してみたいと思う
んですがここの問合種別のところが今
マルチセレクトのプロパティーになって
しまっていましたここがタリーガーと整合
性取れていないと選択肢として表示されな
いっていう仕様になっていて今回ター側は
複数ある選択肢の中から1つだけ選ぶって
いう感じなのでノーション側もそれに
合わせてセレクトに変更しておきますこれ
をした状態でもう1度リロードボタンを
押すと選べるようになってますね
問い合わせ種別を選びますページ
コンテントのところはノーションのページ
内に記載する情報を選ぶことができます@
マークで問い合わせ内容をページの中に
書きたいみたいな時はこっちを使うことが
できたりしますが僕はここは普段からで
運用していますここも結構大事なんです
けどexportexisting
サブミッシブ
を送信したんですがそのデータが
ノーションにコピーされるようになります
今回はオンのまま行きたいと思いますこれ
でコネクトwithノーションボタンを
クリックしてくださいすることでテスト用
というコネクションが作成できました
ノーション側は開いてやるとこのように
先ほど送信した値が入ってるのが分かるか
と思いますちなみになんですがタリーは他
のサービスともかなり柔軟に紐付けること
ができますGoogleシートに紐付ける
場合は正直Googleフーの方がいいか
なっていう風には思ってるんですけど他
エアテーブルだったりあとWebフックに
も対応してるのでフームが送信された時に
何か特殊な操作させたいっていう時は自前
で実装したAPIサーバーと連携させる
みたいなことも可能です正直ここまで無料
で使えるのめちゃめちゃすごいなと思って
いて逆にこのプロにある方はあんまりいら
ないなっていう風に思ってるんですけど
こんな感じでかなり柔軟に
エンジニアリングの知識がなくても接続
できるっていうのはいいところかなという
風に思っていますちなみにこれはちょっと
余談なんですけど僕はメイクという
サービスかなり使っていて例えばタリーで
コミュニティの大会の申請があった場合に
はタリーでフォームが送信されたら
Discordに通知を飛ばすのと大会の
申請してくれた方にGmailでメールを
飛ばしてもしメール送信に失敗したら
Discordに通知を飛ばすみたいなワ
を組めたりしますメイクだったりザピア
だったりの自動化ツルと組み合わせること
でかなり可能性広がると思ってるのでこの
辺ももし興味ある人は勉強してみて
くださいここはちょっと脱線の話でした
最後にタリーで作ったフォームを
ノーションに埋め込む方法を紹介したいと
思います埋め込みはすごい簡単で先ほど
作った問い合わせフォームのリンクを
コピーしてちょっとこのページ使い回し
ちゃおうと思うんですけどノーション上に
ペーストをするだけです選択肢が表示さ
れるので埋め込みを作成するを選んで
くださいこのようにすることでタリーの
フォームを埋め込むことができましたこの
ページを右上の共有のところからWeb
公開してやることでWeb公開したページ
をを開いてやるとこのようにノーションの
中でえフォームが送信できるようになり
ますこちらからもやってみましょうかつや
テストUつや@temp.co.jpお
問い合わせ種別は資料請求テトですみたい
な感じにして送信するをクリックしますお
問い合わせありがとうございましたという
表示がされましたで先ほど送信した項目が
このようにまたちゃんと反映されているの
が分かるかと思いますこんな感じで
ノーションの公開ページとタリーの
埋め込みを組み合わせることでホーム
ページの一部に問い合わせフォームを
組み込むみたいなこともできると思います
のでこの辺ももし興味ある方はチャレンジ
してみてくださいお疲れ様でした今回の
動画ではタリーの基本機能とノーションと
の連携方法について解説しましたタリー
使ったことがないという方は是非この動画
を見てチャレンジしていただければと思い
ますこのチャンネルではノーションに
関する情報に特化して発信を行っています
ノーションに詳しくなりたい最新の
ノーション情報をキャッチアップしたいと
いう方是非チャンネル登録よろしくお願い
します参考になったという方是非動画の高
評価ボタンもお願いします法人様向けの
ノーションサポートを受け承っております
ノーションをこれから導入したいと導入し
たけどうまく運用できていないという企業
様概要欄のリンクからお問い合わせ
くださいこれの質問コーナーですコメント
欄でいたいた皆さんからのノシに関する
質問に回答していきますえかず山田さん
からのコメントですいつも動画ありがとう
ございますこちらこそありがとうござい
ますつさんの動画で農場の勉強させて
もらっています点質問ですがつれ屋さんが
よくノートのアイコンに使っているグレー
の四角形はノシのデフォルトで用意されて
いる絵文字もしくはアイコンのもの
でしょうかもしくはカスタムから
アップロードしたオリジナルのもの
でしょうかというご質問ですご質問
ありがとうございますの画面共有させて
いただくと結論これ標準のものですねこれ
ご存知の方いるかわかんないんですけど
コロン記号を入力してここに絵文字の名前
入力すると例えば今スクエアって入力した
んですけどもう1回やりますねスクエアっ
て入力するとこんな感じで絵文字出てくる
んですよこん中の記号っていうところに
あるこの白四角形中っていうやつをいつも
よく使ってますこれですね僕のノシの
サイドバー見せると大体このアイコンしか
使ってませんなんかいちいち選ぶのめど
くさいなって思って毎回こればっかり使っ
ちゃってますであとよく使うところで言う
とコールアウト呼び出した時にここの部分
ですねここの部分もスクエアとかで検索
すると記号のところに白四角中っていうの
が出てくるのでこれ選択するとこんな感じ
で出てきますちょっと自分は使えてないん
ですけどこのアイコンの方でも似たような
ものあった気がしますこっちもスクエアと
かで検索するとま四角形出てくるのでこれ
選んでやってもいいかもしれませんこっち
のメリットは自分で色をカスタマイズでき
るっていうところで例えば青っぽい四角が
好きだったらこれで青の四角にすると
こんな感じになりますOSが準備してくれ
てるこの絵文字のパレットの中から青い
四角選ぶこともできますしノーションが
準備してくれてる色の中から選ぶっていう
ことも可能です標準の絵文字の方は
ちょっと色がきついんでもし色つけたい
場合はこちのアイコンの方選んでやると
いいのかもしれませんただ僕の場合は色
使うのもめどくさいんで毎回このグレーの
やつを使っちゃってます本当はもう
ちょっとねおしゃれな感じにできればいい
かなとは思ってるんですけどあんまり
こだわりすぎても沼なので何も考えなくて
済むような毎回同じものに統一するって
いう感じでやっちゃってますご質問
ありがとうございましたこんな感じで皆
さんからの質問に回答してますのでもし
質問あるよっていう方コメント欄使って
いただければと思いますということで今日
の動画はここまでになります最後までご
視聴いただきありがとうございましたそれ
ではまた次の動画でお会いしましょうつり
でした今後動画なんですけど5の倍数の日
にアップロードしていきたいかなっていう
風に思ってます今まで特にペースとか決め
ずにやってたんですけどなんかちょっと
ペース決めてやってみるのも面白いかなと
思って毎月5日10日15日20日25日
30日で1ヶ月に6本ぐらい動画出せたら
いいかなっていう風に思ってます今後5の
倍数の日楽しみにしていただけたらと思い
ます引き続き頑張っていくのでよろしくお
願いし
[音楽]
ます
5.0 / 5 (0 votes)