Pinpoint Ad Switcher(仮)|AdSense×アフィ共存・出し分け設定(UIサンプル)
Pinpoint Ad Switcher(仮)
AdSense と アフィの「共存 / 出し分け / 狙い撃ち」設定画面(UIサンプル・デモ)
slug ui-admin-pinpoint-ad-switcher-settings-coexist-affi-adsense-v1
version 1.0.0
status demo
動作モード
推奨:共存共存/切替どちらでも有効。取得できないときのフォールバックに使う。
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ページ目)だけ「アフィ優先」
✅ マッチ:/blog/page/2〜 は「AdSenseのみ」
⛔ スキップ:/blog(1ページ目)だけ「アフィ優先」
UIサンプル(管理画面内だけテーマ切替)
Pinpoint Ad Switcher(仮)|AdSense×アフィ 共存・出し分け
ここでの背景色切替は、WordPress管理画面「全体」ではなく、下の“設定パネル領域”だけに適用されます。
出し分けルール
URL条件で AdSense / アフィ を切替(例)
対象
/blog(1ページ目)表示
Affiliate(固定)
備考
“狙い撃ち”対象
対象
/blog/page/*表示
AdSense(Ad Inserter Block #2)
備考
“共存”の基本パターン
プレビュー(デモ)
この枠も含め、背景変更は“このパネル領域”だけ
/blog(1ページ目)
Affiliate
おすすめ商品枠(デモ)
/blog/page/2
AdSense
Ad Inserter Block #2(デモ)
ポイント
- WP管理画面の外側(body等)には触れず、
.ppas-admin-scopeの中だけ配色変更。 - 切替は
data-themeのみ。CSS変数で一括制御。 - UIサンプル集用に外部依存なし。
Pinpoint Ad Switcher(仮)
AdSense×アフィを共存させ、URL条件で“出し分け”する設定画面(UIサンプル)。
スクショ
(スクショ画像をここに)
最小コード(HTML+CSS)
出し分けルール
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(モデ)
Ad Inserter Block #2(モデ)
Scope: 背景テーマは
.ppas-admin-scope の中だけに適用(管理画面“全体”には触れない)
テスト
判定/blog/page/2 → AdSense(Block #2)
マッチRule B(paged>=2)
ポイント
- 背景テーマは
.ppas-admin-scopeのみ:管理画面全体(body/wp-admin)を染めない - 出し分けは“ページ生成時に決定”が安全寄り:AdSenseを出してから消す方式を避ける
- ルールは「優先度」と「フォールバック」を持たせ、いつでも切替できる設計にする
決済はStripeで安全に処理されます。
Amazonで「adsense・アフィ」を検索
Amazonで探す
