ステマ規制┃アフィ広告を貼っている場合は対策必須┃はてなブログでの対策方法（コピペで使えます）

check!

2023年10月1日からステマ規制が施行され、アフィリエイト広告を利用している人はページの見やすい箇所に「広告を掲載していると分かる表記」をすることが必須となりました。

この記事では、ステマ規制について分かりやすく説明し、はてなブログでできるカスタマイズ方法をご紹介します。ステマ規制を既にご存知の方でカスタマイズ方法だけ知りたい方は、目次からカスタマイズ項目に飛んでください。

簡単解説┃ステマ規制とは
私たちブロガーがすること
- こんな場合でも対策が必要
- 表記しないとどうなるのか
対策方法（カスタマイズ方法）
- 使用するコード
  - HTML
  - CSS
- HTMLを貼り付ける場所
  - ページ上部（ヘッダ）に表示する
  - 記事の本文上に表示する
記事のまとめ

簡単解説┃ステマ規制とは

筆者は法律の専門家ではありません。参考ページを元に個人的見解をまとめています。その点、ご留意くださいますよう、よろしくお願いします。参考ページ：消費者庁 / A8.net

「広告だと言うことが分からない状態で、消費者に商品やサービスを紹介すること（ステルスマーケティング）を禁止する」という法律（景品表示法）が2023年10月1日から施行されました。

アフィリエイト広告を利用（掲載）している人は「うちブログには広告が掲載されているよ」と読者に伝える義務があるということですね。

私たちブロガーがすること

以下のいずれかをする必要があります。

アフィリエイトリンクのすぐ近くに「広告」「宣伝」「プロモーション」「PR」「アフィリエイト」といった表示をする。
ページのわかりやすい位置に「本ページはプロモーションが含まれています」「商品提供を受けて記事作成しています」といった表示をする。

こんな場合でも対策が必要

もくもく

大々的に宣伝してるわけじゃなくて、日記の中にアフィリエイトリンクをちょこっと貼っているだけなんだけど？

もくもく

ブログ内にアフィリエイト広告は貼っているけど収益が発生したことはないんだよね。

yunico

このような場合でもPR表記は必要みたいだよ。

収益発生の有無や、記事の書き方に関わらず、「掲載しているアフィリエイトリンクから収益が入る可能性がある状態」にしている以上、ステマ規制対策をしなければなりません。

表記しないとどうなるのか

ステルスマーケティングを行うと景品表示法違反となりますが、違反となるのは事業者のみです。

規制の対象となるのは、商品・サービスを供給する事業者(広告主)です。
企業から広告・宣伝の依頼を受けたインフルエンサー等の第三者は規制の対象とはなりません。

消費者庁より引用

もくもく

ステマ対策していないことで罰があるとしても、それは広告主なんだ！設定は面倒だし僕は放っておいてもいいかなぁ。

yunico

宣伝する側がステマをすることで事業者側が景品表示法違反で措置命令や懲役・罰金の対象となったら、その先どうなると思う？

事業者が広告を提供しなくなったり、宣伝する側は広告の利用ができなくなる可能性も十分に考えられます。

check!

A8.netでは2023年10月1日付で利用規約の一部が改定され「PR表記をすること」が利用規約に含まれるようになりました。
広告表記をしないことが単純にサイトの規約違反になる場合もあるので、ステマ規制対策はしておくべきでしょう。

対策方法（カスタマイズ方法）

アフィリエイトを掲載する記事の冒頭に「本ページはプロモーションが含まれています」などの文言を毎回書いても勿論OKですが、このステマ規制は2023年10月1日以前に書かれた記事もすべて対象です。

これまで投稿した記事1つ1つに手作業で文言を書き足すのは大変なので、一度きりの設定で済むようにカスタマイズしていきましょう。

使用するコード

コードの種類

コードの使用について

公開しているコードは個人利用でのコピペ、ご自身でのカスタマイズはご自由にどうぞ。
カスタマイズ方法をブログなどで紹介する場合は本記事をリンクして、引用である旨の表記をしていただきますようお願い致します。

HTML

<div class="affiliate-notice">当ブログはアフィリエイト広告を利用しています</div>

表示したい場所に貼り付けて使用します。
貼り付ける場所や手順の詳細は【HTMLを貼り付ける場所】を御覧ください。
文言はご自由に書き換えてください。

CSS

コードの使い方

はてなブログのトップページ（PC版）から【デザイン】へアクセスする。
上記画像①→②→の順番に選択して、③にCSSコードを貼り付ける。
【変更を保存する】を押して完了。

.affiliate-notice {
  text-align: center; /*要素を中央に寄せる*/
  background: #F0F1F4; /*背景色（薄いグレー*/
  padding: 5px 0; /*文字と背景の余白*/
  width: 100%; /*横幅を画面いっぱいにする*/
  font-size: 13px; /*文字サイズ*/
}