この記事では、2022年1月19日にリリースしたVer. 3.0.5、Ver. 3.0.4、Ver. 2.11.44の改善・修正内容について紹介いたします。

現在お困りの問題に該当する項目がありましたら、お早めにバージョンアップのご検討をお願いいたします。

ダイレクト編集が動作しなくなってしまう問題が確認されました。
問題が発生する条件は、Ver. 2.11.41 〜 Ver. 3.0.3 の新規パッケージに入っている .htaccess をご利用のサイトです。

こちらの問題につきましては別途記事にしております。詳細は以下のリンクからご覧ください。

• ダイレクト編集が動作しない場合の対応方法（Ver. 2.11.41 〜 Ver. 3.0.3 新規インストール）

GD画像エンジンを使っている環境で、PNG,GIFなどの画像（JPEG画像以外）を画像のカスタムフィールドでwebp画像が生成されない問題が発見されました。
この問題は画像のカスタムフィールドのみ発生します。
メディアのカスタムフィールドや、カスタムユニット、カスタムフィールドグループでは発生しません。

Ver. 3.0より追加されたテンプレートキャッシュの機能をデフォルトではオフに変更しました。

テンプレートキャッシュがオンになっていると、デバッグモードがオフのときにインクルード文に使用できるグローバル変数が制限されるため、テンプレートが正常に動作しない可能性があります。

たとえば、%{BCD}はテンプレートキャッシュがオンになっていてもインクルード文に使用できますが、%{BID}は使用できないため正常にテンプレートがインクルードされません。

正常にインクルードされない記述の例

@include("/admin/entry/bid/%{BID}.html")

正常にインクルードできる記述の例

@include("/admin/entry/bcd/%{BCD}.html")

詳しいグローバル変数の制限については下記のドキュメントをご覧ください。

• テンプレートキャッシュについて

また、この問題はアップデート以外にもconfig.system.yamlに以下の行を追加することで修正できます。

template_cache: off

Json2Tplモジュールのキャッシュを利用していると、該当のモジュールを正常に表示できない問題を修正しました。
この問題が発生していると、正常にJson2Tplモジュールを記述していてもブラウザ上で該当のモジュールを使用している箇所が出力されません。Json2Tplモジュールを使用している際はお早めにアップデートをお願いいたします。

この記事では、Ver.3.0以降のSiteテーマですでに実装されているCookieの取得と利用に同意するポップアップの使い方について紹介します。

GDPRとは？

GDPRとは、一般データ保護規則(General Data Protection Regulation)の略称です。2018年よりEU（ノルウェー・アイスランド・リヒテンシュタインを加えたEEA）にて施行されました。 明示的な合意のない個人情報の使用を禁止されており、欧州に在住している方の個人情報を取得するためにはウェブサイト訪問者の事前同意が必要です。
GDPRでは、以下のような項目が個人情報に含まれます。

• 氏名
• Eメールアドレス
• 個人の画像・映像・音声
• GPS・IPアドレス・Cookie識別子

GDPRが適用される対象

GDPRは、EU域内の事業者だけでなくEU域外の事業者にも適用されます。EU内の個人に商品やサービスを提供する場合、世界中のすべてのウェブサイト、会社及び組織に適用されます。

Siteテーマでの利用について

この記事では、Siteテーマでは実装しているWebサイトで使用されるCookie識別子の同意及び利用に同意するための仕組みについて紹介します。

デフォルトはオフになっているので、必要であればこの記事を読んで機能をオンにしてください。
機能をオンにすると、画面右下にCookieの取得と利用に同意するためのポップアップが表示されます。

主な関連するファイル

• /include/body-start.html
• /include/body-start/cookie-consent.html
• /src/scss/_cookieconsent.scss
• /admin/blog/field-script.html

使用しているJavaScriptプラグイン

cookieconsentというプラグインを導入しています。

基本的な使い方

1. 管理画面＞ブログ管理の順にページを移動し、「EU購入者のためのデータ収集の有効化」を有効化する（有効化すると、/include/body-start.htmlに記述されている/include/body-start/cookie-consent.htmlが読み込まれます）
2. クッキーを使用しているJavaScriptのscript要素に type="text/plain" と data-cookiecategory="<category>" を追記してください（<category>にはcookie-consent.htmlのtoggleオブジェクトのvalueプロパティと同じ値を設定します）
3. /include/body-start/cookie-consent.html に制御したいカテゴリーを toggle オブジェクトの value プロパティに追加します

※ Ver.3.0.5以前 に同梱のSiteテーマは、1の工程でさらに/include/body-start.htmlに記述されている/include/body-start/cookie-consent.htmlのコメントアウトを外す必要があります

製品情報のCookieの出しわけ機能に適用する

管理画面＞ブログ管理の順にページを移動し、「EU購入者のためのデータ収集の有効化」を有効化してください。
有効化した時点で、製品情報ページで使用しているCookieによるコンテンツの出しわけ機能は閲覧者から同意を得てから実行されるようになります。
（※製品情報のCookieの出しわけのJavaScript自体は/include/head/js.htmlに記述されています）

GAに適用する

管理画面＞ブログ管理のページで、Google Analyticsを設定します。

クッキーの同意ポップアップを使用する際は、Google Analytics のコードのscript要素に type="text/plain" と data-cookiecategory="<category>" を追記してください（ <category> にはcookie-consent.htmlの toggle オブジェクトの value プロパティと同じ値を設定します）。
通常であればJSにもカテゴリーの設定をしますが、cookie-consent.htmlでanalyticsカテゴリーが事前に設定されているので、以下のようにカスタムフィールドに設定します。

記述例）管理画面＞ブログ管理のページで、Google Analyticsを設定する

<!-- Global site tag (gtag.js) - Google Analytics -->
<script type="text/plain" data-cookiecategory="analytics" async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script type="text/plain" data-cookiecategory="analytics">
    window.dataLayer = window.dataLayer || [];
    function gtag(){window.dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'GA_MEASUREMENT_ID');
</script>

外観

vanilla-cookieconsentを使うと、下記のようなポップアップがページの右下部分に表示されます。

その他いろいろな設定

スタイルを修正したい

デフォルトではは赤色がプライマリーカラーとなっていますが、CSS（またはSCSS）を調整することで変更可能です。
スタイルを修正したい場合には、site.cssまたは/src/scss/cookie-consent.scssを使って修正してください。

文言を修正したい

文言を修正する時は、/include/body-start/cookie-consent.htmlに書かれているJavaScriptの部分を修正します。
言語ごとのオブジェクトを増やせば多言語対応することも可能です。

訪問者がいつでも設定を変更できるようにする

GDPRの第７条で、同意の撤回は同意を与えるのと同じように、容易なものでなければならないとされています。
以下のボタンをページ内のどこかに設置すれば、いつでも訪問者が設定を変更できます。

<a href="javascript:void(0);" aria-label="View cookie settings" data-cc="c-settings">Cookie Settings</a>

規約を変更したので再度モーダルを表示したい

規約を変更した場合は、revision プロパティの値を変更することで、一度同意した訪問者に再度ポップアップを表示することが可能です。

cc.run({
  .. 省略 ..
  revision: 1,  // default: 0
});

その他詳しい設定について

その他の詳しい設定については公式ドキュメントをご覧ください。

最後に

記事で紹介した内容は a-blog cms zoom up 2022/02 でご紹介する予定です。
ご紹介する内容は実装面が中心になるため本記事とほぼ同じ内容になりますが、ご興味ある方はよければ a-blog cms zoom up のほうもご参加ください。