Cookiebot の導入を Cloudflare Workers で簡単に行えるツールをローンチしました。

小西諒

2023.07.07

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

どうも、ベルリンオフィスの小西です。

クラスメソッドの取り扱いサービスの一つに、サイトに Cookie 利用同意バナーを導入できる Cookiebot があります。

今回、Cloudflare Workers という別サービスを使い、Cookiebot をより簡単にインストールできるツールを開発したので紹介します。

作ったもの

まずは作ったアプリの共有です。

https://cookiebot.classmethod.cf/

cookiebot configurator

使い方はシンプル

Cookiebot Domain Group ID を入力（Cookiebot管理画面から取得）
（Google Tag Managerをお使いの方）GTM ID を入力
画面下部にコードが生成されるので、作成した Cloudflare Workers にコードを貼り付ける
Cloudflare Workers をデプロイする（お好みのルート、ドメインで）

以上の作業で、GTM に適応した Cookiebot のコードが全ページの HEAD に挿入されます。基本的にどのようなサイトでも対応します。

CMS やサイト生成ツールをお使いのケース、また様々な事情から HEAD をいじれないサイトでも、Cloudflare Workers が Cookiebot の導入に必要なタグを自動的にインストールしてくれます。

開発の経緯

Cookiebot って？

Cookiebot は CMP（同意管理プラットフォーム）のサービスで、ウェブサイトへの初回訪問時に表示される「Cookie を使っています」というアレです。

簡単なスクリプトを埋め込むだけで、同意に応じた他スクリプトの配信/ブロック、利用 Cookie の一覧化、オプトアウトを一手に引き受けてくれます。

クラスメソッドは Cookiebot とパートナー契約を締結しており、日本語での導入サポートや再販を行なっています。おかげさまで着々とご契約も増えています。

Cookiebot 導入時のお客様の課題

Cookiebot は競合サービスに比べると導入負荷が少ないことが特徴の一つです。

基本的には1つのスクリプトを HEAD に埋め込むだけで同意バナーをサイトに表示させることができます。

とはいえ、スクリプトの埋め込み位置を気にする必要があったり、裏側で動く CMS によっては埋め込めるスクリプトに制限があったり、お客様ごとに導入手順を調整する必要がありました。

普段サポート業務を行う中で常々「このプロセスをもっとスマートにできないものかなぁ」と思っていたのですが、「Cloudflare Workers を使ったらイケるんじゃないか」ということで、開発に至りました。

導入ツールについてもう少し詳しく

本ツールは「Cloudflare Workers で動かすスクリプトを生成するサービス」とも言えるので、まずはCloudflare の説明から。

Cloudflare とは

弊社紹介ページから抜粋。

Cloudflareはインターネットに接続するすべてのものを安全、プライベート、高速、信頼性の高いものにするべく設計されたグローバルネットワークです。SASEの提供、DDoS、ボット対策、WAF、ファイアーウォール、ゼロトラスト、CDN、DNS、サーバレス構成の構築によるJamstack対応など様々な機能を提供します。

さらに Cloudflare Workers は Cloudflare が提供する CDN のエッジにコードをデプロイして実行できる、サーバレスなサービスです。ms以下の実行速度で動く JavaScript などのコードを即時デプロイできます。