Pinpoint Ad Switcher(仮)|AdSense×アフィ共存・出し分け設定(UIサンプル)

Pinpoint Ad Switcher(仮)|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ページ目)だけ「アフィ優先」
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を出してから消す方式を避ける
  • ルールは「優先度」と「フォールバック」を持たせ、いつでも切替できる設計にする
決済はStripeで安全に処理されます。
Amazonで「adsense・アフィ」を検索
Amazonで探す

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