SWELLでステマ規制対策｜ブログに広告表記をする３つの方法

SWELLでステマ規制対策として「広告（PR）」をブログ記事のタイトル上やタイトル下、記事上に表示させる方法について解説します。

とりあえずSWELLのかた限定になるので、ステマ対策どうしよう～この際SWELLにしちゃおうかしらどうしよう～と迷っている方はSWELLにしちゃいましょう(笑)

 SWELLでステマ対策しちゃってね

さ、それは置いといて。

ステマ規制対策は急務であります！

やらないと･･･ASPに提携解除されるかもです。強制退場させられるかもです。

ヒナキラ

強制退場くらったら･･･ピエンです。

ちなみに、2023年10月からステマ規制が始まります。

まだステマ規制対策してない！ヤバい！という方は、参考にしてってくださいね。

ステルスマーケティングは景品表示法違反

令和5年10月1日からステルスマーケティングは景品表示法違反となります。広告であるにもかかわらず、広告であることを隠すことがいわゆる「ステルスマーケティング」です。景品表示法は、うそや大げさな表示など消費者をだますような表示を規制し、消費者がより良い商品・サービスを自主的かつ合理的に選べる環境を守ります。

消費者庁

ステルスマーケティングは、上記のとおり。広告であるにもかかわらず広告であることを隠すことがいわゆる「ステルスマーケティング」です。

これが、違法となります。

ではどうすればいいか。というと、広告であることを明示する必要があると。

具体的には「広告」「宣伝」「プロモーション」「PR」といった文言による表示を行うことです。

もっというと、分かりやすい場所にそれらが表示されていなければなりません。

と、いうわけで。分かりやすい場所である「タイトルの上・下・記事上」に表示する方法を解説します。

なお、この対策で完全にステルスマーケティング規制対策ができると保証するものではありません。個々の判断のもと、よく調べたうえで利用することをオススメします。

SWELLでステマ規制対策する３つの方法【見た目】

まず、SWELLでステマ規制対策する３つの方法を使った、広告表記の見た目（デザイン）をそれぞれ紹介します。

具体的には、以下の３つです。

①タイトル上に表示させる方法【プラグイン】

ヒナキラ

見た目を編集できるので、ぼちぼちオシャレにできます。

②記事上に表示させる方法【ウィジェット】

ヒナキラ

見た目やテキストなど自由度は高いですが、表示位置が下すぎるのが気になります。

③タイトル下に表示させる方法【PR機能】

ヒナキラ

SWELLの新機能を使った方法です。ザ・シンプルですね。

SWELLでステマ規制対策｜ブログタイトル上に表示させる方法

ステマ規制対策として「広告（PR）」を表示させる方法は、色々とあります。

ウィジェットを使う方法、PR表記機能を使う方法、プラグインを使う方法など。

タイトル上に表示する方法は「プラグインを使う」方法になり、タイトル下に表示する方法はSWELLのPR機能を使い、記事上に表示する方法はウィジェットを使います。

記事上にSWELLのウィジェットで表示させる場合

タイトル下にSWELLのPR機能で表示させる場合

こんな感じで。PR表記機能がラクでいいですけどね。

まあ個人的には見た目が気になったので、ちょっと色々と試行錯誤してました。

で、結果的にはタイトル上の表示（プラグイン使用）で落ち着いたという感じです。ちょっとした差別化にもなりますしね。

というわけで、まず紹介するのは「プラグインを使ってタイトル上に表示する」方法になります。

手順的には以下のとおりです。

ヒナキラ

それぞれ見ていきましょう。

手順①プラグイン「Code Snippets」のインストールと有効化

まずはプラグイン「Code Snippets」をインストールしましょう。

ヒナキラ

インストールしたら「有効化」も忘れずにね。

手順②新しいスニペットの作成

①スニペットをクリックして、②新規追加をクリックしましょう。

手順③コードの追加と保存

①タイトルを入力（あとで分かるように）して、②コードを入れます。

ヒナキラ

コードは、下記をコピペでOK。

add_action('swell_before_post_head', function() {
    echo '<div class="hk-notice">PR</div>';
});

文字を「PR」ではなく他のものにしたい場合は、「PR」の部分を編集してください。

手順④投稿ページを確認してみよう

こんな感じで、PRの表示ができました。

これでOKだよ、という方はここまででOKです。

ただし、これでステマ規制対策ができている、バッチリだよ！という保証はこれっぽっちもありませんので悪しからず。

こんな感じでいっちゃう！という方であって、ちょっと味気ないから見た目を編集したいな～という方は、このあとも見ていって下さい。

SWELLでステマ規制対策（タイトル上表示）の見た目を編集する方法

では続きまして～、SWELLでステマ規制対策「広告（PR）」の見た目を編集する方法です。

手順①カスタマイザー→追加CSS

カスタマイザーの追加CSSをクリックしましょう。

手順②CSSを貼り付ける

上記のようにCSSをコピペしましょう。

ヒナキラ

コピペするのは、下記のものでOKです。

.hk-notice {
  display: inline-block;
  background-color: #04384c;
  border: 2px solid #04384c;
  border-radius: 10px; 
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  color: #ffffff; 
}

手順③CSSを編集

色やサイズなどを変更したい方は、下記を参考にしながら編集しちゃってください。

色のコードに関しては、「原色大辞典」などでコピペして使ってくださいね。

手順④見た目の確認

編集までできたら、確認してみましょう。

上記のように表示されていれば完成です。

さきほどコピペしたコードでは、このようなPR表示になりますよ。

SWELLでステマ規制対策｜ブログ記事上に表示させる方法

続いて、ウィジェットでブログ記事上（アイキャッチ下）に「広告」表示させる方法になります。

手順は、以下のとおりですね。

①ブログパーツを作成する

まずはブログパーツで、表示させたい文字を作ります。

上記のような感じですね。

②ブログパーツのショートコードをコピー

作ったブログパーツのコードをコピーしておきます。

③カスタムHTMLのウィジェットを記事上に追加

カスタムHTMLのウィジェットを「記事上部」に追加します。

④ブログパーツのショートコードを貼り付け

ブログパーツのショートコードを貼り付ければ終わり。

⑤反映されているか確認

最後に反映されているかを確認しちゃいましょう。

SWELLでステマ規制対策｜ブログタイトル下に表示させる方法

最後に、SWELLの「PR表記」機能でブログ記事タイトル下に「広告」表示させる方法です。

これが一番ラクに設定できるので、おすすめ。

なお、公式サイトの「PR表記」機能についてでも解説されているので、あわせて確認してみてくださいね。

SWELLのPR表記機能では、投稿ページ、固定ページ、カテゴリーやタグページごとの設定ができますので、解説します。

①投稿ページの場合

まずは投稿ページの場合です。

投稿ページに「広告」表記をするには、全ページに反映させる方法と、個々のページごとに反映させる方法があります。

全ページ反映させる場合は、以下の手順です。

• カスタマイザー→投稿・固定ページ
• 「PR表記」をクリック
• PRの自動挿入設定を行う

個々のページごとに反映させる場合には、各ページ編集画面か、クイック編集画面から設定ができます。

投稿画面から設定可能。

それから、クイック編集画面からも設定可能です。

②カテゴリー・タグページの場合

カテゴリー・タグページの場合は、以下の手順で設定します。

③固定ページの場合

固定ページの場合は、以下の手順で設定します。

固定ページに「広告」表記をするには、全ページに反映させる方法と、個々のページごとに反映させる方法があります。

全ページ反映させる場合は、以下の手順です。

• カスタマイザー→投稿・固定ページ
• 「PR表記」をクリック
• PRの自動挿入設定を行う

個々のページごとに反映させる場合には、各ページ編集画面か、クイック編集画面から設定ができます。

固定ページ画面から設定可能。（投稿ページと同様）

それから、クイック編集画面からも設定可能です。（投稿ページと同様）

まとめ｜ブログのステルスマーケティング対策はSWELLでGO！

まとめます。

ステマ規制対策でブログ記事のタイトル上に表示したいんだけどな～、今のテーマじゃできないしな～。

SWELLにも興味あるしな～、この際かえちゃおうかな～、という方。

SWELL（アフィリエイト広告です）からどうぞ。

というわけで、プロモーション付きの記事は以上です。

ヒナキラ

ばいばいき～ん！

 SWELLのレビューはこちらだよ。

あわせて読みたい

【本音】SWELLレビュー｜人気３テーマとの機能比較つきで徹底紹介！ いま一番人気のテーマ。 圧倒的なほどの使いやすさとデザイン、スピードを誇り、ブログの価値を一段階引き上げてくれる。 そんなWordPressテーマ「SWELL」のレビュー記事です。

 SWELLの使い方はこちらだよ。

あわせて読みたい

SWELL初心者向けの使い方マニュアル【2024年4月版】 SWELLの使い方を、SWELL初心者向けに、公式サイトのマニュアルよりも詳しく解説。 SWELLの導入から、プラグイン、ブロックエディター、専用ブロックまで網羅しています。