ステマ規制対策！アフィリエイト広告表記を自動で表示（CocoonもOK） – SWELLカスタマイズ

<script>
  (function() {
    /* テンプレートを設定したウィジェットのIDを配列で定義 ※複数の場合はカンマ区切り */
    const widgetIds = ['XXXX', ]; 
    const adElements = ['.p-adBox', '[class^="pochipp-"]', 'div[id^="msmaflink-"]','.ad',
      /* 他のクラス名や要素名をカンマ区切りで追加できます */
    ];

    const baseSelector = 'body:not(.home) .entry-content';
    const selectorArray = adElements.map(element => `${baseSelector} ${element}:not(.not-ad)`);
    const selectors = selectorArray.join(', ');
    const combinedElements = document.querySelectorAll(selectors);
    const articleThumb = document.querySelector('figure.eye-catch');

    widgetIds.forEach(widgetId => {
      const adAlertBox = document.querySelector(`#${widgetId}`);
      if (combinedElements.length > 0) {
        if (adAlertBox) {
          adAlertBox.style.display = 'block';
          adAlertBox.style.margin = '1em 0';
        }
      } else if (adAlertBox) {
        adAlertBox.style.display = 'none';
      }
    });
  })();
</script>

figure.eye-catch {
  --adribon_text: "広告"; /* リボンの文字 */
  --adribon-color_bg: #000; /* リボンの背景色 */
  --adribon-color_text: #fff; /* リボンの文字色 */
  position: relative;
}
figure.eye-catch.-adribon::before {
  content: var(--adribon_text);
  display: block;
  position: absolute;
  top: -6px;
  right: 10px;
  margin: 0;
  z-index: 2;
  background: var(--adribon-color_bg);
  color: var(--adribon-color_text);
  text-align: center;
  line-height: 0;
  letter-spacing: 0.08em;
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 50% 80%, 0% 100%, 0% 0%);
          clip-path: polygon(100% 0%, 100% 100%, 50% 80%, 0% 100%, 0% 0%);
  font-size: 12px;
  padding: 20px 0 0;
  width: 35px;
  height: 25px;
}
@media (max-width: 600px) {
  figure.eye-catch.-adribon::before {
    top: -4px;
    right: 5px;
    font-size: 9px;
    padding: 15px 0 0;
    width: 25px;
    height: 20px;
  }
}

<script>
  (function() {
    /* テンプレートを設定したウィジェットのIDを配列で定義 ※複数の場合はカンマ区切り */
    const widgetIds = ['XXXX']; 
    const adElements = ['.p-adBox', '[class^="pochipp-"]', 'div[id^="msmaflink-"]','.ad',
      /* 他のクラス名や要素名をカンマ区切りで追加 */
    ];

    const baseSelector = 'body:not(.home) .entry-content';
    const selectors = adElements.map(element => `${baseSelector} ${element}:not(.not-ad)`).join(', ');
    const combinedElements = document.querySelectorAll(selectors);
    const articleThumb = document.querySelector('figure.eye-catch');
    const updateAdAlertBox = (adAlertBox) => {
      if (combinedElements.length > 0) {
        if (articleThumb) {
          articleThumb.classList.add('-adribon');
        }
        if (adAlertBox) {
          adAlertBox.style.display = 'block';
          adAlertBox.style.margin = '1em 0';
        }
      } else if (adAlertBox) {
        adAlertBox.style.display = 'none';
      }
    };
    widgetIds.forEach(widgetId => {
      const adAlertBox = document.querySelector(`#${widgetId}`);
      updateAdAlertBox(adAlertBox);
    });
  })();
</script>