Pinpoint Ad Switcher（仮）｜AdSense×アフィ共存・出し分け設定（UIサンプル）

Pinpoint Ad Switcher（仮）｜UIサンプル

Pinpoint Ad Switcher（仮）

［PR］【ふるさと納税】Amazon限定の返礼品を見る！
［PR］買取実績豊富な安心安全の査定！ブランド専門宅配買取【セカンドストリート】
［PR］タイヤとアルミホイールのことならタイヤワールド館ベスト！スマホで簡単取付予約！

AdSense と アフィの「共存 / 出し分け / 狙い撃ち」設定画面（UIサンプル・デモ）

slug ui-admin-pinpoint-ad-switcher-settings-coexist-affi-adsense-v1 version 1.0.0 status demo

動作モード

推奨：共存
共存/切替どちらでも有効。取得できないときのフォールバックに使う。
［PR］最短：手順だけ（サンプル）
［PR］安全：失敗回避（サンプル）
［PR］深掘り：仕組み解説（サンプル）
UIサンプルは「狙い撃ち」を前提にしている。

プリセット

ワンクリックでルール生成（デモ）
本番ではプリセット作成→ルール編集→保存の流れ。
先頭「- 」は除外。ワイルドカードは *。

対象エリア

どの画面に効かせるか
例：/blog/page/2 を狙い撃ち。

挿入ソース

Ad Inserter と接続
例：Block1=ホーム / Block2=投稿（あなたの現状に合わせた想定）。
デモ表示用。実装では生成。

狙い撃ちルール

ここが主戦場（リピーターUI）
ルールは上から評価 競合時は優先順位に従う
ルール /blog（1ページ目）だけ「アフィ優先」
完全一致（例）。
/blog はページ1として扱う想定。
DOM上の挿入位置を指定。
タイプ：一覧 優先：アフィ フォールバック：AdSense
プレビュー：適用候補 → https://www.pinpoint.jp/blog
ルール /blog/page/2〜 は「AdSenseのみ」
ワイルドカード。
ページ内の広告スロットに対する位置指定（例）。
タイプ：一覧 出力：AdSenseのみ
プレビュー：適用候補 → https://www.pinpoint.jp/blog/page/2
ルール 広告枠「2個目」だけアフィに置換
「AdSenseが入った場所を狙い撃ち」の想定。
ターゲット：2個目 動作：置換 状態：無効（デモ）
プレビュー：適用候補 → https://www.pinpoint.jp/blog（広告スロットが2つ以上ある場合）

安全設定

暴走・誤爆の抑制
挿入対象が遅れて出る場合の待機。
一定回数で打ち切り。

テスト

このURLにどのルールが当たる？
判定結果（デモ）：
✅ マッチ：/blog/page/2〜 は「AdSenseのみ」
⛔ スキップ：/blog（1ページ目）だけ「アフィ優先」

UIサンプル（静的） 実装は想定 ルール駆動
Pinpoint Ad Switcher（仮） は「共存→切替→狙い撃ち」を同一UIで切替できる設計。

UIサンプル（管理画面内だけテーマ切替）

Pinpoint Ad Switcher（仮）｜AdSense×アフィ 共存・出し分け

ここでの背景色切替は、WordPress管理画面「全体」ではなく、下の“設定パネル領域”だけに適用されます。

Pinpoint Suite Ad Switcher（仮）
AdSense×アフィの共存・出し分け（安全寄り）
テーマ

出し分けルール

URL条件で AdSense / アフィ を切替（例）

Rule A
一覧トップだけアフィ
対象
/blog（1ページ目）
表示
Affiliate（固定）
備考
“狙い撃ち”対象
Rule B
一覧2ページ目以降はAdSense
対象
/blog/page/*
表示
AdSense（Ad Inserter Block #2）
備考
“共存”の基本パターン
Safety
保護

プレビュー（デモ）

この枠も含め、背景変更は“このパネル領域”だけ

/blog（1ページ目）
Affiliate
おすすめ商品枠（デモ）
/blog/page/2
AdSense
Ad Inserter Block #2（デモ）
ポイント
  • WP管理画面の外側（body等）には触れず、.ppas-admin-scopeの中だけ配色変更。
  • 切替は data-theme のみ。CSS変数で一括制御。
  • UIサンプル集用に外部依存なし。
Scope: .ppas-admin-scope only

Pinpoint Ad Switcher（仮）

AdSense×アフィを共存させ、URL条件で“出し分け”する設定画面（UIサンプル）。

スクショ

（スクショ画像をここに）

最小コード（HTML＋CSS）

Pinpoint Suite Ad Switcher（仮） AdSense×アフィの共存・出し分け（安全寄り）

出し分けルール

Rule A 優先
対象
/blog（1ページ目）
表示
Affiliate（固定）
備考
“狙い撃ち”対象（安全寄り：ページ生成時に決定）
Rule B 基本
対象
/blog/page/2 以降（paged>=2）
表示
AdSense（Ad Inserter Block #2）
備考
一覧2ページ目以降はAdSenseに寄せる

Safety

プレビュー（モデ）

/blog（1ページ目）
Affiliate
おすすめ商品枠（モデ）
/blog/page/2
AdSense
Ad Inserter Block #2（モデ）
Scope: 背景テーマは .ppas-admin-scope の中だけに適用（管理画面“全体”には触れない）

テスト

判定/blog/page/2 → AdSense（Block #2）
マッチRule B（paged>=2）
Pinpoint Ad Switcher（仮） UI Sample / v0.2.0

ポイント

  • 背景テーマは .ppas-admin-scope のみ：管理画面全体（body/wp-admin）を染めない
  • 出し分けは“ページ生成時に決定”が安全寄り：AdSenseを出してから消す方式を避ける
  • ルールは「優先度」と「フォールバック」を持たせ、いつでも切替できる設計にする
［PR］最短：要点まとめ（サンプル）
［PR］安全：注意点まとめ（サンプル）
［PR］深掘り：事例まとめ（サンプル）
決済はStripeで安全に処理されます。
Amazonで「adsense・アフィ」を検索
Amazonで探す

この記事の感想をこっそり教えてください（非公開）

タグ
pinpoint
pinpoint
記事本文: 10470

関連投稿

Copyright © 2025 - Pinpoint.jp