CookieFirstからカスタムバナーを設定する方法
このZIPファイルには、5つのファイルが含まれています。以下のファイルがあるかどうか確認してください。
- app.js
- banner.html
- key.txt
- readme.txt
- style.css
いずれかのファイルが欠けている場合は、カスタムバナーを再度ダウンロードしてください。
すべて揃っている場合は、次のステップでカスタムバナーをインストールすることができます。
ステップ1:
app.jsをjavascriptのディレクトリ、または最適と思われる他のディレクトリに追加してください。必要であれば、このファイルの名前を変更することができます。ファイルパスは後で必要になるので、覚えておいてください。
ステップ 2:
style.cssをstylesheetディレクトリ、またはあなたが最も適していると思う他のディレクトリに追加します。必要であれば、このファイルの名前を変更することができます。後で必要になるので、ファイルパスを覚えておいてください。
ステップ 3:
エディタでbanner.htmlを開きます。
ステップ 4:
3行目に、クッキー・ファーストAPIを含めるためのscriptタグがあります。data-cookiefirst-key属性をXXXXXX-XXXX-XXXX-XXXX-XXXXXXからあなたのCookieFirstキーに変更してください。CookieFirstのキーは、ウェブサイトのアカウントで確認することができます。メニューから「ドメイン」を選択し、カスタムバナーを設置したいドメインの設定ボタンをクリックします。左側のメニューから「あなたの埋め込みスクリプト」に進みます。最初のグレーの部分がCookieFirstキーです。
ステップ 5:
4行目に、ダウンロードしたjavascriptファイルを含めるためのscriptタグを見つけます。src属性を現在のファイルパスに変更します。ファイル名を変更した場合は、ファイル名も変更します。
ステップ 6:
5行目でlinkタグを見つけ、ダウンロードしたCSSファイルを含めます。href属性を、cssファイルの現在のファイルパスに変更します。ファイル名を変更した場合は、ファイル名も変更してください。
ステップ 7:
この3行(3行目、4行目、5行目)をコピーして、ウェブサイトのhead(<head>と</head>の間)に追加してください。
ステップ 8:
ファイルの残りの部分(7行目から終わりまで)をコピーし、これをウェブサイトのbody(<body>と</body>の間)に追加します。フッターに追加するのが一般的です。
ステップ 9:
すべてを保存して、準備完了です。
(key.txtはセットアップに必要ありません。このファイルにはキーが含まれているので、カスタマイザーでカスタムバナーを再生成することができます)