カスタムバナースタジオ

最初はカスタムバナースタジオを理解するのは難しいかもしれません。このセクションでは、カスタムバナースタジオの仕組みについて説明します。

上の画像では、カスタムバナースタジオが存在する5つ赤丸で囲った部分を確認することができます。

1と記された部分はクッキー・バナーの最終結果の例です。サイト上で使用されたときにバナーがどのように見えるかを瞬時に表示します。このエリアに要素を引き出したり、要素を選択してその内容を編集することができます。

２と記された部分は、左サイドバーです。この部分から部分1へ要素をドラッグしてバナーに追加することができます。引き出せる要素は、上から順にコンテナ、テキストボックス、ボタン、イメージ、トグルです。ドラッグ＆ドロップオプションで、バナーのどこに要素を配置するかを選択することができます。

３と記された部分は、スタジオのヘッダーです。いくつかのボタンがあります。左から “New Project “と書かれた最初のボタンは、現在のプロジェクトを削除し、ゼロから新しいプロジェクトを開始します。2つ目のボタン “Upload “は、キーを入力するためのポップアップ画面を表示します。このキーは、ダウンロードしたZIPファイルの中にある「key.txt」というファイルにあります。このキーをテキストフィールドに貼り付けると、カスタムバナースタジオがバナーを再生成します。次に、真ん中の2つのボタンは、元に戻すと修復のボタンです。次のボタン “Consent not given “は、このヘルプチュートリアルで説明します。最後に、「編集を終了する」ボタンです。これで、現在のカスタムバナーがフルスクリーンで表示されます。また、プロジェクトをダウンロードするオプションが表示されます。ダウンロードされたプロジェクトには、あなたのウェブサイトにプロジェクトを作成するためのCSS、HTML、Javascriptファイルが含まれています。クッキーファーストのカスタムクッキーバナーの設定方法の詳細については、こちらをご覧ください。

右側の一番上にある４と記された部分は、選択された要素の属性が表示されます。コンポーネント1で要素を選択すると、その属性とその値がここに表示されます。これらの属性の値は、編集してバナーを変更することも可能です。要素ごとに変更可能な全属性については、こちらのページをご覧ください。

右側の一番下の5と記された部分には、クッキーバナーのすべてのレイヤーが表示されます。この部分から要素を選択することも可能です。レイヤーの前にある目のアイコンは、レイヤーが表示されているか非表示になっているかを示しています。