カスタムCookieバナー

カスタムクッキーバナーの作成から始めましょう。クッキーファーストの新しいツールで、あなただけのバナーを作ることができます。http://studio.cookiefirst.comにアクセスすると、直接デザインに取り掛かることができます。このカスタムクッキーバナーは有料プランでのみ使用可能です。

初めてサイトにアクセスすると、デザインを開始するための定型文が表示されます。新しい要素は、左側からボイラープレートに持ち込むことができます。既存の要素は、ボイラープレートで選択し、右側で編集することができます。これは、いわゆる見た通りのものが結果に反映するジェネレータです。ですから、真ん中のボイラープレートは、ダウンロードして自分のサイトに追加すると表示されます。

スタジオ自体の詳細については、こちらをご覧ください。

すべての要素とその属性の詳細については、こちらをご覧ください。

インストールに関する詳しい情報は、こちらをご覧ください。

カスタムバナーの作成に取り掛かる前に、以下のヒントをお読みください。

1. すべてをコンテナで包んでください。 コンテナは、このエディタの構成要素です。コンテナを使用すると、要素のサイズや配置を簡単に決定できます。また、コンテナ内の要素を隣り合わせに配置するか、下に配置するかを選択することもできます。
2. 要素にカーソルを合わせると、その上に青いメニューが表示されます。最初のアイコンを押すと、その要素を他の場所に移動することができます。2つ目のアイコンである上向き矢印を押すと、親要素を選択します。3番目のコピーアイコンは、要素とその子孫をコピーし、そのコピーを親要素に追加します。最後のゴミ箱のアイコンは、要素とその子孫をすべて削除します。
3. 現時点ではテキストの一部を編集したい場合、コードをダウンロードした後、コードエディターで編集してください。単語単位でリンクや効果をつけることはできません。
4. トグルグループをトグルに結びつけるのをすることを忘れないでください。テキストを変更する場合、これは自動的に行われません。右側のカスタマイズで、このトグルグループを選択する必要があります。
5. ボタンにアクションを追加することを忘れないでください。これは、右側のカスタマイズで変更することもできます。これらのアクションは、ユーザーがボタンをクリックしたときに何が起こるかを決定します。
6. 編集が終わったとき、又はその日の作業が終わった際、必ずプロジェクトをダウンロードしてください。このプロジェクトには「key.txt」というファイルが含まれており、このキーを使ってカスタムバナーを再生成することができます。他のデバイスで開発を継続することも可能です。ヘッダーの「アップロード」ボタンをクリックし、テキストフィールドにキーを貼り付けて、カスタムバナーを再生成してください。
7. エレメントがない状態でのバナーの見え方を確認したい場合は、右下のレイヤーの手前にある目のアイコンをクリックします。これは、要素が表示されていないときのバナーを表示します。これは、要素を削除するものではありませんので注意してください。最終的な製品に反映されます。

カスタムバナーの作成がうまくいくよう幸運を祈ります。もし何か問題が発生した場合は、サポートにご連絡ください。