アーカイブ 2022年07月 | ant2マガジン | CMSなら「ant2-ASP」でホームページ制作!

ant2マガジン

2022年07月

2022.07.27

新機能!サイトカラーカスタマイズ機能について

こんにちは。
アントアントのメルマガ担当です。

いつもメールマガジン「ここだけは知っておきたい編」をご覧いただき、誠にありがとうございます。
今回は5月にリリースしたばかりの新機能!カラーカスタマイズについてご紹介します!

カラーカスタマイズってどんな機能?

今までリリースしている公式テンプレートではテンプレートごとに配色を指定していたため、
新しい色へ変更する場合はテンプレートのカスタマイズが必要でした。

しかし!
今回リリースしたカラーカスタマイズ機能ではテンプレートカスタマイズをせずとも編集画面で簡単にサイトカラーを変更することができるようになりました!

では、さっそくサイトカラーカスタマイズ機能について詳しくご紹介していこうと思います!

サイトカラー変更手順

1.サイトカラー変更対応のテンプレートを【Myデザイン】にインストールする

※今回のカラーカスタマイズ機能はサイトカラー変更対応テンプレートのみ適用されます。
サイトカラー変更に対応していない公式テンプレートやカスタマイズされたオリジナルテンプレートについては利用できませんのでご注意ください。

※サイトカラー変更対応のテンプレートにはアイコンが表示されます。

2.サイトデザインからサイトカラー変更対応のテンプレートを選択

3.コントロールパネルの【サイトカラーを変える】をクリックし、サイトカラー変更サイドバーを表示

コントロールパネル[作成]>デザイン[サイトカラーを変える]

※コントロールパネル内メニュー【サイトカラーを変える】はサイトカラー変更対応のテンプレートを選択した場合のみ表示されます。

サイトカラー変更サイドバーメニュー

カラーを探す

■お気に入りカラー

カスタマイズしたサイトカラーをお気に入りカラーとして登録することができます。 詳しくはこちら

■テーマカラー(11種類)

テンプレートのデフォルトとして設定されているカラーや各テーマごとに用意されているテーマカラーに変更することができます。

デフォルト:使用しているテンプレートのデフォルトカラー
デフォルト以外のテーマカラー:テーマにあわせた配色のカラー

カラーカスタマイズ

■基本設定

カラーカスタマイズをクリックするとデフォルトでは[基本設定]が表示されます。
テンプレート全体の基本カラーを変更することができます。

■詳細設定

詳細設定を変更する場合は【詳細設定】をクリックし、変更したいブロックを選択することで細かい箇所のカラー設定・変更を行うことができます。

【詳細設定】

【詳細設定をブロックごとに開いた時】

★おすすめポイントその1★

ロックマークをクリックするとロック状態に変わり、詳細カラーが基本設定の変更の影響を受けないようにロックすることができます。

※ただし、[カラーを探す]タブの「テーマカラー」および「お気に入りカラー」をプレビューしたときや、[履歴]タブのカラー変更履歴から戻したときは、ロック状態は解除され、保持されている色は変更されるのでご注意ください。

カラー変更方法

1.変更したい箇所の鉛筆マークをクリックします

2.カラーピッカーが表示されるので設定したい色を選択、またはカラーコードを入力して【保存】ボタンをクリックします
※カラーピッカーの保存履歴は、カラーピッカーの下に表示されます。
※履歴はページの移動やサイドバーを閉じた際には消去され、選択色のみ表示となりますのでご注意ください。

3.【保存】ボタンクリック後、変更した箇所が保存した色に置き換わって表示(プレビュー)されます。
 ※プレビュー表示の時点ではカラーは保存されていません。

【プレビュー前画像】

【プレビュー画像 】

4.プレビューした変更内容を保存するときはサイドバーの下に表示される[保存]ボタンをクリックします。

★おすすめポイントその2★

ショートカットメニューからもカラー変更ができます!

サイドバーが表示されているときは、画面のサイトカラーを変更したい箇所で右クリックすると、ショートカットメニューの[サイトカラー変更]にその箇所で変更できる項目が表示されます。

変更したい項目名を選択するとサイドバーからカスタマイズすることができます。
※右クリックした箇所の要素から遡って変更可能な項目が順に表示されます。

お気に入りカラーの登録方法

何度も細かいカラー設定しなくて良いのが嬉しい!
カスタマイズしたサイトカラーはお気に入りカラーとして登録することができます!

1.サイトカラー変更サイドバーの[カラーカスタマイズ]タブを選択します

2.カラー変更方法の手順でカラーを変更します
 カラーの登録方法はこちら

3.変更完了後、[お気に入りカラーに保存]ボタンをクリックしてください

4.お気に入りカラーに保存されたカラーは[カラーを探す]タブの【お気に入りカラー】に保存されます

★お気に入りカラーのカラータイトルの変更

お気に入りカラーのカラータイトル下の鉛筆マークからお気に入りカラーのタイトルを変更することが可能です。
タイトル変更後は[タイトル保存]ボタンをクリックしてください。

【タイトル変更前】

【タイトル変更後】

履歴

[カラーを探す]タブおよび[カラーカスタマイズ]タブで[保存]ボタンを押して保存した履歴からその時点のサイトカラーに戻すことができます。

カラー変更履歴からカラーを戻す

1.サイトカラー変更サイドバーの[履歴]タブを選択します

2.[カラー変更履歴]の一覧から戻したい日時の[元に戻す]ボタンをクリックし、メッセージを確認して[OK]ボタンをクリックすると完了です。

まとめ

今回は新しくリリースしたカラーカスタマイズ機能をご紹介しました!

今まではカスタマイズが必要だったカラー変更もより簡単に見たまま編集で行えるようになりました。

カラーカスタマイズに対応したテンプレートは今後続々リリース予定となっております。
デモサイトでもカラーカスタマイズ機能は使用できますので是非デモ登録でカラーカスタマイズ機能をお試しください!

デモ登録はこちら

カラーカスタマイズに対応したテンプレート

現在カラーカスタマイズに対応したテンプレートは全5種類!

2022.07.13

対応できていますか?Cookie規制について

こんにちは。
アントアントのメルマガ担当です。

いつもメールマガジン「ここだけは知っておきたい編」をご覧いただき、誠にありがとうございます。
ここ最近、Webサイト閲覧時にこういった「Cookieに関する同意」を求められることが多くなってきたかと思います。

そこで、今回はこのCookieの取得に関する同意の表示をすることになった「Cookie規制」についてと
「ant2 CMSのCookie取得の同意確認メッセージの表示機能」についてご紹介します。

Cookieについて

Cookie(クッキー)とは、ユーザーがWebサイトに訪問したときに訪問者の閲覧履歴や入力データ、利用環境などの情報をブラウザに一時的に記録される仕組みのことを指します。

Cookieでデータを保存するメリット

  • ログイン情報を入力せずともログインができる
  • オンラインショップのカートの中身を保存したままにできる
  • 興味・関心にあったインターネット広告が配信される

★Cookieとキャッシュの違い★

「Cookie」と「キャッシュ」どちらも情報を保存するという点で混同されることが多いですが、大きな違いとしては保存するデータが違います。

保存するデータの違い

Cookie ユーザーの情報 ユーザー自身が入力した情報を保存
キャッシュ Webページの情報 ユーザーが閲覧したWebサイトのページの画像やファイルを保存

Cookieの種類

Cookieには「ファーストパーティ」と「サードパーティ」の2種類があり、
「どこが」Cookieを発行しているかが大きな違いになってきます。

ファーストパーティ サードパーティ
Cookieの発行元 アクセスしたWebサイトと同一のドメインが発行 アクセスしているWebサイト以外のドメイン(第三者)が発行
データ内容 第三者を経由せず、アクセスしたWebサイトで収集したデータ アクセスしたWebサイトとは関係のない第三者機関で収集したデータ
適用範囲 閲覧中のサイトのみに適用 アクセスしたWebサイト以外のサイトにも適用
アクセス解析・広告配信などにも使用される

Cookieの問題点

Cookieを使用する際に主に問題となっているのは「サードパーティCookie」の仕組みです。
Cookie単体では個人を特定できるような機能はありませんが、上記に記載しているようにサードパーティCookieでは、アクセスしたWebサイトを離脱した後のユーザーの行動を追跡して広告を配信するなど取得したデータを第三者に伝えることがあります。

そのため、場合によっては個人情報になりうるとして、Cookie規制の動きが広まっています。

改正個人情報保護法でのCookieの取り扱い・Cookie規制

Cookieによって取得されたデータはこれまでは個人情報保護法の対象外でしたが、
2022年4月1日に施行された「改正個人情報保護法」では、『個人関連情報』として定義されることになりました。
また、個人関連情報を第三者に提供し、情報の紐づけを行う場合にはCookie取得の同意表示が義務化されました。

個人関連情報取扱事業者が、提供先が個人関連情報を個人データとして取得することが想定されるときは、あらかじめ当該個人関連情報に係る本人の同意等が得られていることを確認しないで、当該個人関連情報を提供してはならないこととするもの。

改正法に関連するガイドライン等の整備に向けた論点について (個人関連情報)より

個人関連情報とは、生存する個人に関する情報であって、個人情報、仮名加工情報及び匿名加工情報のいずれにも該当しないものをいう。 「個人に関する情報」とは、ある個人の身体、財産、職種、肩書等の属性に関して、事実、判断、評価を表す全ての情報である。

「個人に関する情報」のうち、氏名、生年月日その他の記述等により特定の個人を識別することができるものは、個人情報に該当するため、個人関連情報には該当しない。 
また、統計情報は、特定の個人との対応関係が排斥されている限りにおいては、「個人に関する情報」に該当するものではないため、個人関連情報にも該当しない。

個人情報の保護に関する法律についてのガイドライン(通則編)「個人関連情報(法第2条第7項関係)」より

★改正個人情報保護法施行の背景★

EUで2018年5月に施行されたGDPR(一般データ保護規則)やカルフォルニア州で2020年1月に定められたCCPA(カリフォルニア州消費者プライバシー法)など海外の動向の影響を受け、日本でも不適切利用の禁止や第三者提供の規制強化が進んだといわれています。

Cookie取得の同意について

1.Cookie取得の同意表示をしないといけない理由

Cookieの情報は改正個人情報保護法において、「個人関連情報」となるため、Cookieを取得することで個人を特定できるような運用をしている企業の場合は、ユーザーに対してCookie取得の同意(通知)が必要となりました。
ユーザーがCookie取得の同意(許可)を行うことで、企業側は従来通りCookieで収集されたデータを活用することができ、ユーザー側としても従来のように快適にWebサイトを閲覧することができます。

★Cookie取得同意における注意点★

Cookie取得に同意することで起こる問題もあります。

主な問題として、共通のパソコンやスマートフォンなどで情報を入力してしまうと
Cookieの情報がブラウザに保存されてしまうため情報漏洩や不正アクセスのリスクとなることがあります。
そのためこういった問題点をユーザー側も理解した上で、取得に同意する必要があります。

2.Cookie取得の同意表示の導入について

Priv Tech社の調査によると2021年5月の時点での日本企業のCookie取得の同意確認表示の導入率はわずか7%とされていました。

日本の大企業のうち、自社サイト上で閲覧履歴データ「クッキー」の利用の同意を取り付ける画面を表示させている企業の割合が、半年間で2ポイント強しか増えず7%にとどまったことが分かった

日本経済新聞 「クッキー同意確認、日本企業7%どまり 米欧に遅れ」より

しかし、2022年4月1日に施行された改正個人情報保護法により、日本でもCookie取得の同意確認バナーや表示を行う企業が増えてきています。

また、主なブラウザでもCookieの規制が進んでおり、今後はサードパーティCookieに代わる技術が開発されていくといわれています。

主要ブラウザのCookie規制の状況
ブラウザ Cookie規制対策
Google Chrome 2023年までにサードパーティCookieのサポートを打ち切り
Safari 2020年3月よりサードパーティCookieを全面廃止
Firefox デフォルトでサードパーティCookieをブロック

3.Cookie取得に同意しないとどうなる?

Cookie取得に同意しないでWebサイトを閲覧すると下記のようなことが考えられます。

ユーザー側

  • Webサイト自体が閲覧できなくなる可能性がある
  • 同意を求めるメッセージがWebサイト訪問時に毎回表示されるようになる
  • 閲覧履歴などの情報からユーザー用にカスタマイズされた情報が表示・提供されなくなる

企業側

  • アクセス解析の結果に影響を与える可能性がある
  • ターゲティングされた広告を配信することができない

ant2 CMSのCookie取得の同意確認メッセージの表示機能

改正個人情報保護法によりCookie取得の同意確認の表示が義務化されたのを受け、
この度ant2 CMSでは簡単にCookie取得同意確認をポップアップメッセージで表示できる機能をリリースしました!

この機能では、メッセージ表示の有無やメッセージの内容を編集することができます。

ポップアップメッセージの表示イメージ

表示画面下部にポップアップメッセージが表示されます。

表示設定箇所

Cookie取得同意のポップアップの表示有無、メッセージ内容を編集することができます。

まとめ

今回は「Cookieの規制について」と「ant2 CMSでできるCookieの同意確認メッセージの表示設定機能」についてご紹介しました。

ユーザー側・企業側からしても非常に便利なCookieの機能ですが、個人を特定できるような運用を行っている場合はCookie取得同意確認の表示が義務化されているため、対応していない場合は早急に対応が必要となります。

そのため、まずは自社のWebサイトがCookie規制の対象となるかどうかを確認し、確認した上でポップアップメッセージの表示対応を行うことをお勧めします。
また、Cookie取得の同意にはメリット・デメリットがあるためユーザー側としても同意する・しないの判断、デバイスの管理をしっかり行う必要があるといえるでしょう。

ant2 CMSのCookie取得の同意確認メッセージの表示機能はお試し版でも確認していただけます!
デモ登録はこちら

是非この機会にお試しください。