データベース設計文書
なんか問題がある?心配しないで、答えは全部ここにいる。
全サイト検索

埋め込むWebパーツ

1. 埋め込むWebパーツとは何ですか?

Ragicには非常に便利な埋め込むWebパーツの機能があり、Webサイトにフォームを埋め込むことや、リンクを送信することができます。 これらの埋め込み機能は、フォームを作成した時点で使用することができます。

つまり、ウェブページ上で埋め込んだフォームが入力し、提出されると、その内容はデータベースに保存され。ウェブサイトに埋め込まれたフォームを利用して、お客様がデータを利用したり、データベース全体を閲覧したりすることもできるのです。

2. データベースを埋め込む

埋め込み機能を利用するには、ツールこのフォームを埋め込むをクリックします。

Webサイトの埋め込みパーツは、以下の6種類があります。

これらのいずれかをクリックすると、RagicはHTMLソースコードの一部を提供しますので、それをコピーして埋め込みたいWebサイトに貼り付けてください。 また、独自のフォームを独立したページで直接表示することも可能です。

RagicはWordpressの埋め込みもサポートしています。

3. 埋め込むWebパーツ

どの埋め込むパーツを使用するかは、用途に応じて決めてください。下の表は、各タイプの埋め込むパーツの簡単説明です(パーツ名をクリックすると詳細な説明を見ることもできます)ので、目的に応じてどの埋め込むパーツを使用するか決めてください。

パーツ名 機能
3.1. データベースの閲覧 サイトユーザーがこのフォームに記載されている権限内の情報を閲覧できます。
3.2. データベース内検索 サイトのユーザーが、フィールドの下でフィルタリングすることによって、探しているレコードを検索できます。
3.3. フォームの記入 ウェブサイトのユーザーに入力フォームを提供し、ユーザーが提出したデータをデータベースに保存します。
3.4. 検索エンジン ウェブサイトユーザーがキーワードでデータベースを検索できます。
3.5. データベース検索&閲覧 サイトユーザーは、フィールドでフィルタリングし、同じ画面で結果を表示します。
3.6. 直接埋め込み Ragicのフォームインターフェイスを直接Webに埋め込みます。

埋め込み方法を選択したら、カスタムCSSを追加して各埋め込み機能に変更を加えることも可能です。

3.1. データベースの閲覧

データベースの閲覧は、ウェブサイトのユーザーがすべてのデータのリストにリンクし、これを使ってアクセス可能なデータのリストを閲覧できます。Ragicのアクセス権でサイトのユーザー権限を設定でき、必要に応じてデータベース全体を公開するオプションも用意されています。

そして、データベースの閲覧を選択すると、現在、数種類の表示方法が用意されています。

また、リストページやフォームページと同様に、訪問者はデータベース内のデータをクリックして、より詳細な情報を見ることができます。

3.1.1. 閲覧の表示形式

テーブルを選択すると、リストページと似たような形でデータが表示されます。

格子を選択すると、選択したフィールドに応じた列でデータが表示されます。テキストにマウスを乗せると、その段落がどのフィールドから取得されたかを確認できます。下に表示されるドロップダウンメニューで、このテキストが対応するデータベースフィールドを変更できます。

画像が入っているデータであれば、アルバムが最適です。画像はサムネイルで表示され、その枠内に関連するフィールドも表示されます。 "アルバム "形式は "格子 "と同じで、テキストにマウスを合わせることで、そのテキストが対応するデータベースフィールドを変更することができます。

3.2. データベース内検索

データベース内検索は、Webサイトのユーザーが設定した条件に基づいてデータベースを検索できます。

検索時に表示する項目を事前に設定できるだけでなく、表示順を変更することも可能です。デフォルト検索欄設定をクリックして変更します。

これらの検索フィールドの入力タイプは、フォームページで見るのと同じになります。例えば、あるフィールドの入力タイプを選択肢として設定しておくと、検索フィールドをクリックしたときにドロップダウンリストが表示され、設定された選択肢を選択することができます。ユーザーが検索条件を設定して送信すると、3.1.1で設定した表示方法で、検索条件に一致するデータが表示されます。

また、リストやフォームページと同様に、これらの検索結果をクリックすると、さらに詳細な内容を表示することができます。

3.2.1. データベース内検索精密モード

データベース内検索とデータベース検索&閲覧の埋め込むWebパーツの両方について、フォームが完全な一致条件でEVERYONEグループ権限を開かない場合、ユーザーがデータを見つけることができる精密モード設定を提供します。詳細な設定方法と応用例は、この文書を参照してください。

3.3. フォームの記入

この機能により、Webサイトの利用者がアンケートに回答したり、情報を提出したりするためのフォームを埋め込むことができます。 ユーザーがデータを完成させて送信すると、自動的にデータベースに保存されます。

フォームの記入の埋め込むWebパーツを選択すると、その埋め込むパーツが使用されたときの様子が表示されます。 上部ブロックをクリックすると、バナー、テーマカラー、フィールドの配置順など、埋め込みフォームの外観を調整することができます。(また、特別な必要がある場合は、「旧バージョンへの切り替え」を選択することができます。旧バージョンと新バージョンの違いについては、こちらのリンクをご覧ください)

バナー設定

また、「バナーをアップロード」をクリックして、ご自身のパソコンから画像をアップロードできます。推奨画像サイズは1500×300です。

フィールド順設定

異なる端末で分かりやすく情報を表示するため、新バージョンのフォーム記入では Ragicアプリ と同じ1列形式を採用し、システムがフォーム内の列を「左から右、そして上から下」のロジックで配置しますが、必要に応じてここで手動で順序を調整することも可能です。調整したい列をクリックし、右側の上下の矢印をクリックして列を上下に移動させ、「設定を保存」をクリックして並べ替えを保存することを忘れないでください。

デフォルト入力値設定

フォームの特定のフィールドに入力する際に、ユーザーがデフォルト値を持ち込みたい場合、この機能を使用できます。例えば、社内研修で受講する際、該当部署のユーザーには、自社の製品や部門をすぐに持ち込めたいので、デフォルト入力値のテンプレートを設定したり、部門ごとに複数のテンプレートを設定し、使い分けたりすることができます。一度設定したテンプレートは、選択したいテンプレート(逆グレー)をクリックして、設定を保存してください

最後に、マーケティング部門のテンプレートへのフォームリンクを埋め込むことで、マーケティング担当者が利用できるようにします。 フォームのリンクを開くと、テンプレートに設定されている商品と部門が事前に持ち込まれます。

選択肢フィールド表示方法の変更

フォームにがあり、選択肢が5つ以下の場合、これらの選択肢をドロップダウンメニューだけでなく「オプションボタン」として表示することも可能です。下図のように、プレビュー画面のフィールドの下にある「表示方法の変更」をクリックすると、表示スタイルを変更できます。 (注意:選択肢が5つ以上ある場合、または選択肢が子テーブルフィールドや連動選択肢である場合、ドロップダウンメニューとしてのみ表示でき、ボタンとしてはサポートされません)。

他のフォームから選択は、ドロップダウンメニューの他に、リンクフィールドのオプション表示方法を変更することで、リンクフォームのリストページ形式に切り換えることができます:

なお、リンクフォームのリストページ形式では、すべての項目がリンク先のリストページのように表示されます。

また、回答を記入する際に「選択肢ランダムソート」を設定することも可能です。

また、プレビュー画面の左下には、「CSSの追加」機能で、さらに埋め込みスタイルを変更することができます。

フォーム入力段階のプレビュー画面の設定が終わったら、「次へ」をクリックして、誰かがフォームを完了したときに表示されるメッセージを設定します。

これらのメッセージは、設定画面のタブをクリックすることで、一般のテキストで表示するか、HTML形式で表示するかを選択することができます。下の「テキスト」タブをクリックすると、メッセージがプレーンテキスト形式で表示されます。 HTMLタブをクリックすると、メッセージテキストボックスにHTML構文を追加して、メッセージがハイパーリンクとして表示されます。

メッセージのテキストボックスの下にある、認証コードの追加ボックスにチェックを入れる

埋め込みフォームに入力する際、下部にロボット防止のための認証機能がブロックに追加されます。

”新たなデータを入力する”という機能のリンクを表示するにチェックを入れる

データを保存すると、再度データを記入するためのリンクが表示されます。

ユーザーがアンケートに回答する際に、特定のフィールドに指定された値を自動的に入力したい場合は、次のようにURLにpfvパラメータを追加することで実現できます:

https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new&pfvフィールド番号=入力内容

複数の条件が必要な場合は、&リンクを使用します:

https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new&pfvフィールド1番号=入力内容1&pfvフィールド2番号=入力内容2...

編集は3つのパートから構成されています:

1. 埋め込みツールが自動生成するURL、例: https://www.ragic.com/ramzawang01/forms2/4?webview&webaction=form&ver=new

2. フィールド番号:自動入力したいフィールドID 、例:1002358

3. 入力内容:フィールドに自動入力したい値

上記のURLが完成した後、ユーザーがリンクをクリックすると、指定されたフィールドに指定された値が自動入力されます。

3.4. 検索エンジン

ウェブサイトの利用者がキーワードを入力して、データベースの内容を検索することができます。

検索結果は、3.1.1 で設定した表示方法で表示されます。 また、検索者はリストやフォームのページと同じように、検索したデータをクリックして詳細内容を見ることができます。

3.5. データベース検索&閲覧

この埋め込むパーツは、実はデータベース内検索+データベースの閲覧の機能で、検索後に検索結果画面になる本来のデータベース検索とは異なり、こちら側は入力条件に基づくクエリ後に検索結果が同じ画面に直下で表示されます。

3.5.1. データベース検索&閲覧精密モード

データベース内検索とデータベースの閲覧の埋め込むパーツでは、精密モードを設定することができます。 これにより、フォームにEVERYONEグループの権限がなくても、ユーザーが完全な一致条件を入力すれば、データを検索することができます。詳細な設定方法と応用例は、この文書を参照してください。

3.5.2. ログアウトボタンを表示

ログアウトボタンの表示を選択した場合、データベース検索ページの右上にログアウトボタンが表示され、クリックしてログアウトすることができます。

3.6. 直接埋め込み

上記の埋め込み方法とは異なり、直接埋め込みでは、Ragicと全く同じユーザーインターフェイスをWebページに埋め込むことができます。 ただし、ユーザー向けに公開フォームを設計しない場合、ユーザーがアカウントにアクセスするにはログインする必要があります。

さらに、フォームから新規レコードを作成左部の検索機能を表示上部ボタンを表示コメントを表示という4つの機能を提供するかどうかを設定することができます。

設定後は、コードをカットしてWebページに貼り付けることで、Ragicを埋め込むことができます。

全文検索機能でデータを探すには、右上の虫眼鏡アイコンを使います。

4. アクセス権限

埋め込みで使用する場合の利点としては、埋め込みフォームの権限はRagicフォームで設定したものと同じになるため、ユーザー用のアカウントを購入する必要がなく、フォームを公開するだけで訪問者が使用できます。

そのため、フォームのアクセス権限が公開に設定されていない場合、ログインしていない訪問者は、サイト上にログイン要求画面を表示します。

(データベース検索&閲覧が例外)

データベース検索&閲覧精密モードデータベース内検索精密モードは、ユーザーがフォームのパーミッションを開くことなく、完全一致の条件でデータを照会できるよう、特別に設定されています。

一番上に戻る 目次

無料でRagicを始める

Googleアカウントに登録