ブロックエディタ編集画面では、ブロックにコンテンツ（テキストや画像など）を設定することができます。
BiNDupバージョン14.0.1以前をご利用の場合はこちらのページをご確認ください。
ここではブロックエディタの画面概要を、スマートモードとエディタモードの2通りで説明します。
ブロックエディタを開くには、ブロックの編集バーから〈編集〉をクリックします。
スマートモードのブロックエディタでは、あらかじめブロック内に配置されたテキストやパーツがそれぞれ独立して表示されます。
〈編集〉をクリックすると編集画面に切り替わり、ブロック内のテキストやパーツを編集できるようになります。〈ブロック設定〉をクリックすると設定画面に切り替わります。手順3「ブロックエディタの設定モード」をご覧ください。
〈CSS〉タブをクリックするとCSS画面に切り替わります。
CSS詳細設定に入力されるCSSソースはW3Cに準拠した標準的なCSS構文であることが必要です。入力ミスなどがあると正しく表示されませんのでご注意ください。また、入力内容についてはサポート対象外となります。
ブロックテンプレートの種類や状態に応じて、ブロックを構成する各部分に対応したタブが表示されます。
ブロックに配置されているテキストの編集やパーツの選択を行います。画像などのパーツを選択した場合、右側のパーツ設定エリアに設定項目が表示されます。先頭にはブロックテンプレートの名前と説明が表示されます。
選択したパーツの設定項目が表示されます。テキストを選択している場合は何も表示されません。
クリックすると、選択中のタブを複製または削除します。ブロックテンプレートの種類によっては表示されません。
クリックすると、ブロックテンプレートの選択画面が表示されます。異なる種類のブロックに変更が可能です。
〈エディタモードに切替〉をクリックするとブロックの内容を変換してエディタモードに切り替えます（変換するとスマートモードへ戻すことはできません）。
〈SMタグ編集〉をクリックすると、スマートモードの情報を記述した「SMタグ」を含めながらエディタモードへ切り替えます（SMタグの内容が失われない限りは、スマートモードへ戻すことができます）。
※本機能についてはサポート外とさせていただいております。
〈閉じる〉をクリックするとブロックエディタを終了し、サイトエディタに戻ります。
〈適用〉をクリックすると編集内容をページに反映させます。これをクリックせずに〈閉じる〉ボタンをクリックすると、編集内容は破棄されます。
エディタモードのブロックエディタでは、段組などの複雑なレイアウトが解除され、ワープロソフトのような表示になります。
〈編集〉をクリックすると編集画面に切り替わり、ブロック内のテキストやパーツを編集できるようになります。〈ブロック設定〉をクリックすると設定画面に切り替わります。手順3「ブロックエディタの設定モード」をご覧ください。
〈CSS〉タブをクリックするとCSS画面に切り替わります。
CSS詳細設定に入力されるCSSソースはW3Cに準拠した標準的なCSS構文であることが必要です。入力ミスなどがあると正しく表示されませんのでご注意ください。また、入力内容についてはサポート対象外となります。
選択したテキストに「段落のスタイル」や「行揃え」「フォント」「サイズ」などの書式を設定したり、「分割線」の挿入が可能です。
詳細は、こちらをご確認ください。
左のボタンをクリックすると、直前に行った操作を取り消して元の状態に戻します。右のボタンをクリックすると、取り消した操作をやり直します。
※〈適用〉をクリックしたタイミングでリセットされます。「適用」ボタンを押す以前の状態や、ブロックを一度閉じてしまうとそれ以前の状態には戻りません。
段落にスタイルを設定すると、行頭にその種類を表すマークが表示され、種類によってはカコミや網掛けが表示されます。段落のスタイルには「タイトル」「大見出し」「本文」などがあります。
これらのボタンをクリックすると、画像やリンクなどのパーツがカーソル位置に挿入されます。パーツ一覧が表示されるのは何も選択していない時かテキスト選択時だけで、編集画面で何らかのパーツを選択すると、その設定を行う画面に切り替わります。
クリックすると、ブロックテンプレートの選択画面が表示されます。
〈編集エリアの背景色〉をクリックしてチェックを入れると、エディタの背景色が反転します。もう一度クリックしてチェックを外すと元に戻ります。テキストの文字が見づらい場合に利用します。
〈スマートモードに切替〉をクリックすると、「SMタグ」が正しく記述されている場合に、スマートモードに切り替えます。
クリックするとブロックエディタを終了し、サイトエディタに戻ります。
クリックすると編集内容をページに反映させます。これをクリックせずに〈閉じる〉ボタンをクリックすると編集内容は破棄されます。
共有設定したブロックは、ブロックエディタ画面上部が緑色になります。
SmoothBookingで作成した予約フォームに関する設定をする際に、予約ページを編集します。
本機能は2022/10/04以降のBiNDup ビジネスコースにてご利用いただけます。
予約フォームのパスワード、予約受付期間等が設定できます。
詳細は、こちらをご確認ください。
予約フォームに表示する項目、「利用規約・プライバシーポリシー」等の設定ができます。
詳細は、こちらをご確認ください。
予約フォームに表示されるフォント、色等のデザインの設定ができます。
詳細は、こちらをご確認ください。
予約時の決済の設定ができます。
詳細は、こちらをご確認ください。
予約をしたユーザー様へ送信する各種メールの設定ができます。
詳細は、こちらをご確認ください。
Googleアナリティクスは、サイトにアクセスした訪問者のカウント数、どのページにどの程度にアクセスし閲覧したかなど、「サイトにアクセスした後の情報」を確認できるツールです。
本記事ではGoogle アナリティクスの初期設定手順を案内します。
Google社の提供サービスのため、以下の手順は参考情報です。
本記事は2023年7月時点での内容となるため、仕様変更が行われる場合があります。設定方法のご不明点は、Google社へご確認をお願いします。
設定にあたり、Googleのアカウントを作成している必要があります。
またサイトURLも指定するたえ、あらかじめサイトの公開が必要となります。
Googleアナリティクスにログインをします。
Googleアカウントの画面が表示されます。すでにGoogleアカウント（Gmailアドレス）を持っている場合はそれを入力し［1］、〈ログイン〉をクリックします［2］。まだ取得していない場合は〈アカウントを作成〉をクリックして取得してください。
新規アカウントを作成した場合、「アカウントを作成」から新しいアナリティスクアカウントを作成します。
プロパティを作成します。
ビジネスの説明を設定します。
ビジネス目標を選択します。
利用規約へ同意します。
プラットフォームを選択します。「今回をスキップ」を選択した場合もアカウントを作成後にプラットフォーム選択は行えます。
ホームに移動を選択し管理画面へと移動します。
Googleタグを取得します。管理画面で左下の「管理」アイコンをクリックします。
「データストリーム」を選び[1]、「ストリームを追加」を選択[2]。「ウェブ」を選択します[3]。
「データストリーム ＞ ウェブストリーム」の設定で「ウェブサイトのURL」へ連携をしたい公開サイトのURLを設定します。「ストリーム名」を設定した後に「ストリームを作成」を選択します。
「ウェブストリームの詳細」画面から「Googleタグ」-「タグの実装手順を表示する」を選択します。
対象のGoogleタグをコピーします。
取得したコードは、サイトエディタ内の「サイト設定」の手順５を参考に、「アクセス解析設定」内に設定をしてください。
設定は以上です。
Google タグマネージャーとは、Googleアナリティクス、Googleアドワーズなど、「タグを出力するサービスのコード」を一元管理できるサービスです。
通常、Webサイトに組み込むタグは、サービスごとに出力され、そのタグをそれぞれのページに設定する必要があります。
Googleタグマネージャーに各種サービスの情報を登録すれば、
Googleタグマネージャーのコードを貼り付けることで、各種サービスのコードをまとめて登録することができます。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー◼️
本記事では、Googleタグマネージャーの新規アカウント作成手順と、既存のGoogleアナリティクスの情報を設定する手順を案内します。
あらかじめGoogleのアカウントを作成し、Googleアナリティクスの測定IDを準備している必要があります。
Googleの提供サービスのため参考情報となります。ご不明点がある場合はGoogleへとご確認ください。
Google タグマネージャーの公式ページへアクセスします。
過去に利用したことがある場合はログインを、初めて利用する場合は「無料で利用する」を選びます。
初めてアカウントを作る場合、中央をクリックし、アカウントを作成します。
必要情報を入力します。「ターゲット プラットフォーム」は「ウェブ」を選択します。
「コンテナ」名は設定するサイトの名称や、利用するサイトURLを指定しましょう。※「コンテナ」とは、様々なサービスのタグを管理する箱のことです。
入力後、「作成」をクリックします。
利用規約を確認し「はい」を選択します。
タグ情報が表示されます。コピーし、テキストエディタなどでにメモをしておきます。
コード情報がわからなくなった場合は、管理画面で「管理」から「Google タグマネージャーをインストール」を選び再度確認できます。
次に、作成したタグマネージャーの情報に、トラッキングコードを登録します。
ワークスペースの中の「新しいタグを追加」をクリックします。
「タグの設定」をクリックします。
タグのタイプを選択します。ここでは、「Google アナリティクス:GA4設定」を選択します。
Googleアナリティクスのデータストリームより、測定IDを入力します。
測定IDは、こちらの手順で作成します。
最後に、右上の保存をクリックし、名称を登録し設定は完了です。
SmoothContactはGoogleが提供する無料のアクセス解析サービス「Google Analytics」に対応しています。
Google Analyticsで発行するグローバルサイトタグ（トラッキングコード）や到達ページの情報を組み込むことで、ページビュー数の確認ができたり、ユーザーの送信完了時、「SmoothContact送信カテゴリ」に送信完了時のカウントが追加されます。
ここではGoogle アナリティクス4とSmoothContactの連携についてご案内します。
解析可能な情報は、Googleアナリティクスの仕様に準じます。GoogleアナリティクスのGoogleタグで取得手順については本記事で参考情報を記載しております。
また本サポートサイトは、2023年6月での情報となります。
詳細についてはサポート外の内容となります。取得手順が不明な場合、最新情報についてははGoogleのヘルプページをご確認ください。
以下のGoogleアナリティクスにログインをします。
■Googleアナリティクス
https://analytics.google.com/
アカウントをお持ちではない際は、ログイン後にアカウントの作成をします。
「管理[1]」から、「データストリーム[1]」を選択します。
Googleアナリティクスの「データストリーム ＞ ウェブストリーム」より、「ストリームを追加」しストリームURLへ公開しているサイトのURLを設定します。
データストリーム内の「タグの実装手順を表示する」より、「Googleタグ」を取得します。
サイト設定の「プロパティ設定 ＞ サイト設定 ＞ アクセス解析設定 ＞ 外部サービスのタグを入力(Google Analyticsのトラッキングコードなど)
内」に、取得した「Googleタグ」をペーストします。
パラメータ：page_path
演算子：次を含む
値：各種フォームの到達ページURLへ指定する値
Googleアナリティクスのコンバージョンより、「新しいコンバージョンイベント」から「カスタムイベント」にて作成した「カスタムイベント名」を設定します。
「管理[1]」から、「データストリーム[1]」を選択します。
Googleアナリティクスの「データストリーム ＞ ウェブストリーム」の設定で、ストリームURLに「https://smoothcontact.jp/」を設定します。
データストリーム内の「タグの実装手順を表示する」より、「Googleタグ」を取得します。
フォームの詳細より、「サイト内にフォームパーツを設置せず、独立したURLでフォームを利用している場合」 入力欄に張り付けます。
Googleアナリティクスの「カスタムイベント」の作成より、以下を設定します。
パラメータ：page_location
演算子：次を含む
値：各種フォームの到達ページURLへ指定する値
Googleアナリティクスのコンバージョンより、「新しいコンバージョンイベント」から「カスタムイベント」にて作成した「カスタムイベント名」を設定します。
設定排除となります。
サーバーディレクトリとはサイトデータのアップロード先を指定する項目です。
BiNDupサーバーにて独自ドメインをご利用する場合は、専用のサーバーディレクトリの設定値を
ご設定いただく必要があります。
設定値は、コントロールパネルの各種設定より「ドメイン確認画面」よりご確認ください。
サーバーディレクトリの設定は、サイト設定から行います。
【参考】
サイトURLがこちらの場合
【例：http://〇〇〇.moon.bindcloud.jp/abc/】
サイト設定時の【サーバーディレクトリ】入力画面では、【/abc/】と入力します。
アップロードするディレクトリ（フォルダ）を分けることにより同一サーバーに複数のサイトを
アップロードすることが可能です。
