このマニュアルでは、指定位置でフローティングテキストを表示させるまでの設定を説明します。
ログイン~スニペット(タグ)の埋め込みまでは、スタートダッシュマニュアルを参照してください。
なお、その他の設定方法については詳細マニュアルトップよりご確認ください。
0.設定後のイメージ
まず、設定後のイメージ(動画)をご覧ください。
![](http://daritsu.com/wp-content/uploads/2020/10/gif7_flow_text_r-1.gif)
1.プロジェクト新規作成
①左のナビゲーションにある「プロジェクト」をクリックします。
プロジェクト管理画面が表示されます。
![](http://daritsu.com/wp-content/uploads/2020/09/3_project_r-1-1024x342.png)
②「プロジェクト新規作成」リンクをクリックします。
プロジェクト新規作成画面が表示されます。
![](http://daritsu.com/wp-content/uploads/2020/09/4_new_project_rr-1024x398.png)
③「プロジェクト名」と「対象ドメイン」を記載し、「登録」ボタンをクリックします。
![](http://daritsu.com/wp-content/uploads/2020/09/5_new_project_2_rr-1024x429.png)
④登録内容の確認ポップアップが出てくるので、
内容を確認し、問題なければ「登録」ボタンをクリックします。
プロジェクト管理画面が表示され、今作成したプロジェクトが表示されます。
![](http://daritsu.com/wp-content/uploads/2020/09/6_project_rr-1024x406.png)
⑤作成したプロジェクトのバナータイプ>「未設定」をクリックします。
バナータイプ新規作成画面が表示されます。
![](http://daritsu.com/wp-content/uploads/2020/09/banner_type-1024x399.png)
⑥バナータイプ「フローティングバナー」を選択します。
バナー配信面を入力します。
(バナー配信面の入力方法は以下を確認してください。)
![](http://daritsu.com/wp-content/uploads/2020/09/8_banner_haishin-1-1024x473.png)
![](http://daritsu.com/wp-content/uploads/2020/09/banner_type_fix-1024x446.png)
⑦登録内容の確認ポップアップが出てくるので、
内容を確認し、問題なければ「登録」ボタンをクリックします。
プロジェクト管理画面が表示され、今作成したプロジェクトが表示されます。
![](http://daritsu.com/wp-content/uploads/2020/09/Crietive_misettei.png)
⑧プロジェクト管理画面のクリエイティブ列「未設定」リンクをクリックします。
クリエイティブ新規作成画面が表示されます。
![](http://daritsu.com/wp-content/uploads/2020/09/creative_new_flow_text-876x1024.png)
⑨下記設定をして、登録ボタンをクリックします。
・表示タイミング「表示領域が指定範囲に来た場合」をチェック
管理画面上のコードをコピーします。
・テキスト/バナー:「フローティングテキスト」を選択
・テキスト設定を入力:テキストは自由に入力が可能です。
参考「現在{x}人がこの記事を読んでいます」
※{x}を入れることで、下で設定する「{x}の範囲」の数字を表示します。
・{x}の範囲:{x}に入れる数字の範囲を入力することで、ランダムに数字が表示されます。
・表示優先順位:1(デフォルト)
![](http://daritsu.com/wp-content/uploads/2020/09/code_paste.png)
⑩コピーしたコード(_startの方)をフローティングバナーを開始したい箇所のhtml部分にペーストします。
コピーしたコード(_endの方)をフローティングバナーを終了したい箇所のhtml部分にペーストします。
※注意※ペースト先は⑥でバナー配信面として設定したページ内にしてください。
※注意※コード(_startの方)を張り付ける際は、PC・スマホともにFV(ファーストビュー)から1スクロールした場所より下の位置に設定してください。FVに貼り付けた場合、表示が上手くされないケースがあります。
登録ボタンをクリックすると、プロジェクト管理画面が表示されます。
クリエイティブ列が「設定済」になっていれば完了です。
![](http://daritsu.com/wp-content/uploads/2020/09/creative_finish-1024x274.png)
⑪今回設定したバナーの表示を確認します。
⑫ポップアップバナーをクリックし、
設定したページへ遷移できることを確認してください。
以上で設定は終了です。