Twenty Thirteenのブログにアフィリエイト広告を掲載 – WordPressテーマ

Twenty Thirteenのアフィリエイト

Twenty Thirteenの記事にアフィリエイト広告を掲載する方法をご紹介しています。広告を掲載するには記事ごとにアフィリエイトコードを貼り付けるかプラグインによって自動的にページ内の任意の位置に表示させるかになります。WP6.3から利用できるパターンも有効公的な方法になります。

Twenty Thirteenのテーマにアフィリエイト広告を貼り付ける方法はいくつかあります。

1. ウィジェットを使用する方法（サイドバーやフッターなど）

• WordPressの管理画面から「外観」 > 「ウィジェット」を選択します。
• 利用したいウィジェットエリア（例: サイドバー、フッター）に「テキスト」ウィジェットをドラッグ＆ドロップします。
• テキストウィジェットの内容欄に、アフィリエイト広告のHTMLコードを貼り付けます。
• 「保存」ボタンをクリックします。

2. 投稿や固定ページに直接貼り付ける方法

• アフィリエイト広告を掲載したい投稿または固定ページの編集画面を開きます。
• テキストエディタ（HTML）モードに切り替えます。
• アフィリエイト広告のHTMLコードを、表示したい場所に直接貼り付けます。
• 「公開」または「更新」ボタンをクリックします。

3. テーマファイルを編集する方法

• この方法は、テーマの特定の場所に常に広告を表示させたい場合に適していますが、PHPなどの知識が必要です。また、テーマのアップデート時に変更が上書きされる可能性があるため、子テーマを作成して編集することを推奨します。
• WordPressの管理画面から「外観」 > 「テーマエディター」を選択します。
• 広告を挿入したいテーマファイル（例: single.php（投稿ページ）、page.php（固定ページ）、header.php、footer.phpなど）を選択します。
• PHPコードの中にアフィリエイト広告のHTMLコードを記述します。
• 「ファイルを更新」ボタンをクリックします。

Twenty Thirteenにアフィリエイト広告を掲載する方法

WordPressのTwenty Thirteenテーマにアフィリエイト広告を掲載する方法ですね。主にウィジェットを使う方法と、テーマファイルを直接編集する方法があります。

1. ウィジェットで広告を掲載する方法（推奨）

この方法が最も簡単で、テーマのアップデート時にも影響を受けにくいのでおすすめです。

1. アフィリエイト広告コードの取得: 各ASP（アフィリエイト・サービス・プロバイダ）から、掲載したい広告のHTMLコード（バナー広告やテキスト広告など）を取得します。
2. WordPress管理画面にログイン: あなたのWordPressサイトの管理画面にログインします。
3. 「外観」＞「ウィジェット」へ移動: 左のメニューから「外観」にカーソルを合わせ、「ウィジェット」をクリックします。
4. 「テキスト」ウィジェットを追加: 利用できるウィジェットの中から「テキスト」ウィジェットを見つけ、広告を掲載したい場所（サイドバーなど）にドラッグ＆ドロップします。Twenty Thirteenの場合、メインサイドバーやショーケースウィジェットエリアなどが考えられます。
5. 広告コードを貼り付け: 追加した「テキスト」ウィジェットの編集画面で、タイトルは空欄でもOKです。内容のボックスに、先ほど取得したアフィリエイト広告のHTMLコードを貼り付けます。
6. 「保存」をクリック: 貼り付けたら「保存」ボタンをクリックします。
7. サイトを確認: 実際にあなたのWordPressサイトにアクセスし、広告が正しく表示されているか確認してください。

2. テーマファイルを直接編集する方法（上級者向け）

特定の場所に広告を表示したい場合や、ウィジェットエリアが限られている場合に有効ですが、テーマのアップデート時に変更が失われる可能性があるため、子テーマの利用を強く推奨します。

子テーマの作成

まず、Twenty Thirteenの子テーマを作成します。これにより、親テーマがアップデートされてもカスタマイズが上書きされるのを防げます。

1. 子テーマ用フォルダの作成: wp-content/themes/ ディレクトリ内に、例として twentythirteen-child のような新しいフォルダを作成します。
2. style.css の作成: 作成した子テーマフォルダ内に style.css ファイルを作成し、以下の内容を記述します。

/*
 Theme Name: Twenty Thirteen Child
 Template: twentythirteen
 */
@import url("../twentythirteen/style.css");

functions.php の作成（任意だが推奨）: 子テーマフォルダ内に functions.php ファイルを作成し、必要に応じて独自の関数を追加できます。

<?php
// 必要に応じてここに独自の関数を追加
?>

1. 子テーマの有効化: WordPress管理画面の「外観」＞「テーマ」で、作成した子テーマを有効化します。

広告コードの挿入

子テーマが有効化されたら、Twenty Thirteenの各テンプレートファイル（header.php、footer.php、single.phpなど）を子テーマフォルダにコピーし、そこに広告コードを挿入します。

例: 投稿記事の本文下や、ヘッダー・フッターに広告を挿入する場合

1. 元のファイルを子テーマにコピー: 広告を挿入したい箇所のHTMLを記述している親テーマのファイル（例: single.php）を、作成した子テーマのフォルダにコピーします。
2. コピーしたファイルを編集: コピーしたファイル（例: twentythirteen-child/single.php）をテキストエディタで開き、広告を表示したい場所にアフィリエイト広告のHTMLコードを貼り付けます。
   • 例: 記事のタイトル下や本文の最後に表示したい場合、the_content(); の前後などに挿入します。
3. ファイルを保存: 編集したファイルを保存し、WordPressサイトを確認します。

注意点

• 広告の表示位置: ユーザー体験を損なわないよう、広告の表示位置や量を考慮しましょう。多すぎるとサイトの読み込みが遅くなったり、ユーザーが離脱しやすくなったりします。
• レスポンシブ対応: 掲載する広告がスマートフォンなどのモバイルデバイスでも適切に表示されるか確認してください。レスポンシブ対応の広告コードを使用するのが理想です。
• 規約の確認: 各ASPや広告主の規約を遵守してください。特定の場所に広告を掲載してはいけない、特定の言葉を使ってはいけないなどのルールがある場合があります。
• 表示速度への影響: 広告の数や種類によっては、サイトの表示速度に影響を与えることがあります。表示速度が遅いとSEOにも悪影響が出る可能性があるため、定期的に確認しましょう。

ご自身のスキルレベルや、広告を掲載したい場所によって最適な方法を選んでくださいね。まずはウィジェットから試してみるのがおすすめです。

アフィリエイト広告を掲載するときの注意点

Twenty Thirteenは少し前の公式テーマなので、現代のWebデザインや広告表示の要件からすると考慮すべき点がいくつかあります。

以下に主な注意点を挙げます。

1. レスポンシブデザインへの対応 (または非対応)

• Twenty Thirteenの特性: Twenty Thirteenはレスポンシブデザインに対応していますが、現在の多種多様なデバイスサイズへの最適化という点では、最新のテーマほど洗練されていない可能性があります。特に、広告ユニットの種類によっては、スマートフォンやタブレットでの表示が崩れる可能性があります。
• 注意点:
  • 広告ユニットの選択: レスポンシブ対応の広告ユニット（Google AdSenseの自動広告や、各ASPが提供するレスポンシブ対応のバナーなど）を優先的に使用しましょう。
  • 表示確認: 広告を設置したら、必ずPC、スマートフォン、タブレットなど、複数のデバイスで表示崩れがないか確認してください。特に、画像バナーなどはサイズが固定されているとレイアウトを崩しやすいです。
  • CSSでの調整: 必要であれば、カスタムCSSで特定の画面サイズでの広告表示を調整する必要があるかもしれません。

2. 広告の表示位置とユーザーエクスペリエンス

• Twenty Thirteenのレイアウト: Twenty Thirteenは、コンテンツが中央に配置され、サイドバーが右にあるシンプルな2カラムレイアウトが基本です。
• 注意点:
  • 過度な広告表示の回避: 広告を詰め込みすぎると、ユーザーの利便性を損ない、サイトの評価を下げる可能性があります。
  • コンテンツとのバランス: 広告はコンテンツの邪魔にならない場所に配置しましょう。記事の冒頭や途中に大きな広告を配置すると、読了率が下がる可能性があります。
  • 推奨される配置場所の例:
    • 記事のタイトル下
    • 記事の途中（ある程度の段落区切りなど）
    • 記事の末尾
    • サイドバー（ただし、スマートフォン表示ではサイドバーが下部に回るので、表示頻度が下がります）
    • フッター（あまり目立ちませんが、ポリシー的に安心）

3. 広告コードの挿入方法

• 基本的な方法: WordPressのウィジェット、テーマのカスタマイザーの「追加CSS」や「外観」→「テーマファイルエディター」を利用して、広告コードを挿入することになります。
• 注意点:
  • ウィジェットエリア: サイドバーやフッターに広告を掲載する場合は、外観 → ウィジェットから「テキスト」ウィジェットなどを利用して広告コードを挿入するのが最も簡単です。
  • テーマファイルの編集（非推奨）: 記事内や特定の場所に広告を固定表示したい場合、functions.phpやsingle.phpなどのテーマファイルを直接編集する方法もありますが、これはPHPの知識が必要であり、テーマのアップデート時に変更が上書きされてしまうリスクがあるため、推奨されません。
  • プラグインの活用: 広告管理プラグイン（例: Advanced Ads, Ad Inserterなど）を利用すると、より柔軟な広告の挿入・管理が可能です。テーマファイルを直接編集するよりも安全で、アップデートにも強いです。初心者の方には特におすすめです。

4. サイトの表示速度への影響

• 広告の特性: アフィリエイト広告、特にJavaScriptを多用する広告は、サイトの表示速度に影響を与える可能性があります。
• 注意点:
  • 広告数の最適化: 表示速度を考慮し、広告の数を適切に制限しましょう。
  • 遅延読み込み（Lazy Load）: 画像広告やJavaScriptが多い場合は、遅延読み込みを導入することで表示速度の改善が見込めます。画像最適化プラグインなどにその機能が含まれていることが多いです。
  • 高速化プラグイン: キャッシュプラグインなどを導入し、サイト全体の表示速度を向上させることも重要です。

5. 広告表示に関するポリシー遵守

• 各ASPの規約: 利用するアフィリエイト・サービス・プロバイダ（ASP）の広告掲載に関する規約を必ず確認し、遵守してください。禁止されている表現や掲載方法、クリック誘導などが含まれていないか注意が必要です。
• Google AdSenseのポリシー: Google AdSenseを利用する場合は、Google AdSenseプログラムポリシーを熟読し、それに従って広告を掲載してください。特に、「コンテンツの価値が低い」と判断されないように、広告とコンテンツのバランスには注意が必要です。

6. 古いテーマであることの認識

• Twenty Thirteenの限界: Twenty Thirteenはリリースされてから時間が経っており、現在のWebサイトに必要な機能やデザインの流行からは外れています。最新のWordPressやPHPのバージョンとの互換性問題が発生する可能性もゼロではありません。
• 長期的な視点: 長期的にWordPressでアフィリエイトサイトを運営していくのであれば、Twenty Thirteenを使い続けるよりも、より現代的なテーマ（公式テーマのTwenty Twentyシリーズや、人気の有料・無料テーマなど）への移行も検討することをお勧めします。新しいテーマは、レスポンシブデザイン、ブロックエディタへの対応、表示速度の最適化など、様々な点で優れていることが多いです。

これらの注意点を踏まえて、Twenty Thirteenにアフィリエイト広告を掲載してみてください。特に表示確認とポリシー遵守は非常に重要です。