Amazon Amélioration des résultats de recherche

Greasy Fork is available in English.
Amazon Amélioration des résultats de recherche

Améliorez les résultats de recherche Amazon en ajoutant des numéros et des identifiants de publicité.
Script suggéré par l'auteur
Vous pourriez également aimer 显示亚马逊广告ID.
Poser une question, écrire un avis, ou signaler le script.
// ==UserScript==
// @name         Amazon Search Result Enhancer
// @name:zh      亚马逊搜索结果添加序号和广告ID
// @name:de      Amazon Suchergebnis Verbesserer
// @name:ja      Amazon 検索結果エンハンサー
// @name:fr      Amazon Amélioration des résultats de recherche
// @name:it      Amazon Miglioratore di risultati di ricerca
// @name:nl      Amazon Zoekresultaten Verbeteraar
// @name:es      Amazon Mejorador de Resultados de Búsqueda
// @namespace    https://noobbei.top
// @version      1.5.1
// @description  Enhance Amazon search results by adding numbers and advertisement IDs.
// @description:de  Verbessern Sie Amazon-Suchergebnisse durch Hinzufügen von Nummern und Werbe-IDs.
// @description:ja  広告IDと番号を追加してAmazon検索結果を向上させます。
// @description:fr  Améliorez les résultats de recherche Amazon en ajoutant des numéros et des identifiants de publicité.
// @description:it  Migliora i risultati di ricerca di Amazon aggiungendo numeri e ID pubblicitari.
// @description:nl  Verbeter Amazon zoekresultaten door nummers en advertentie-ID's toe te voegen.
// @description:es  Mejora los resultados de búsqueda de Amazon añadiendo números e ID de anuncios.
// @description:zh  为亚马逊搜索结果页面上的广告和自然搜索结果添加序号, 并为广告结果添加广告ID和活动ID。
// @author       noobbei
// @match        https://www.amazon.com/*
// @match        https://www.amazon.co.uk/*
// @match        https://www.amazon.de/*
// @match        https://www.amazon.it/*
// @match        https://www.amazon.fr/*
// @match        https://www.amazon.es/*
// @match        https://www.amazon.se/*
// @match        https://www.amazon.com.mx/*
// @match        https://www.amazon.co.jp/*
// @match        https://www.amazon.ca/*
// @icon         https://www.amazon.com/favicon.ico
// @license      MIT
// @grant        none
// ==/UserScript==


(function () {
    'use strict';

    const translations = {
        'zh': {'AdID': '广告ID', 'CampaignID': '活动ID'},
        'en': {'AdID': 'Ad ID', 'CampaignID': 'Campaign ID'},
        'de': {'AdID': 'Werbe-ID', 'CampaignID': 'Kampagnen-ID'},
        'fr': {'AdID': 'ID Publicité', 'CampaignID': 'ID Campagne'},
        'es': {'AdID': 'ID Anuncio', 'CampaignID': 'ID Campaña'},
        'it': {'AdID': 'ID Annuncio', 'CampaignID': 'ID Campagna'},
        'nl': {'AdID': 'Advertentie-ID', 'CampaignID': 'Campagne-ID'},
        'ca': {'AdID': 'ID Anunci', 'CampaignID': 'ID Campanya'},
        'ko': {'AdID': '광고ID', 'CampaignID': '캠페인ID'},
        'ja': {'AdID': '広告ID', 'CampaignID': 'キャンペーンID'}
    };

    // 动态检测用户的浏览器或网站语言
    let lang = navigator.language || navigator.userLanguage;
    console.log(lang);
    lang = lang.split('-')[0]; // 处理类似'en-US'的语言代码

    let adID_k = translations[lang].AdID;
    let campaignID_k = translations[lang].CampaignID;

    // 改进的 applyLabelsAndIds 函数
    const applyLabelsAndIds = () => {
        // 计数器重置
        let adCounter = 1;
        let searchResultCounter = 1;

        // 获取所有搜索结果的元素
        let searchResults = document.querySelectorAll('div[data-component-type="s-search-result"], .sbv-video-single-product');

        // 清除之前的序号和ID标签
        document.querySelectorAll('.ad-counter-label, .search-result-counter-label').forEach(label => {
            label.remove();
        });
        document.querySelectorAll('.ad-id-element, .campaign-id-element').forEach(idElem => {
            idElem.remove();
        });

        searchResults.forEach(result => {
            let label;
            let adIdElement;
            let campaignIdElement;

            // 检查是否已添加过标签
            if (result.querySelector('.ad-counter-label, .search-result-counter-label')) {
                return; // 如果已添加标签，跳过这个元素
            }

            // 检查是否是广告
            if (result.classList.contains('AdHolder') || result.classList.contains('sbv-video-single-product')) {

                // 创建序号标签
                label = createLabel(`${adCounter}`, 'gold', '#000');
                label.classList.add('ad-counter-label'); // 添加自定义类以避免重复添加


                // 从data-s-safe-ajax-modal-trigger属性获取广告ID
                let adDataAttribute = result.querySelector('[data-s-safe-ajax-modal-trigger]');
                // console.log('adData');
                // console.log(adDataAttribute);
                let adId = null;
                let campaignId = null;
                if (adDataAttribute) {
                    // 解码HTML实体，然后解析JSON
                    const adData = JSON.parse(adDataAttribute.getAttribute('data-s-safe-ajax-modal-trigger'));
                    let ajaxUrl = adData.ajaxUrl;
                    adId = decodeURIComponent(ajaxUrl).match(/"adId":"([^"]*)"/)[1];
                    campaignId = decodeURIComponent(ajaxUrl).match(/"campaignId":"([^"]*)"/)[1];

                }

                // 如果找到广告ID，则创建并添加一个包含广告ID的标签
                if (adId) {
                    adIdElement = createIdElement(`${adID_k}: ${adId}`, 'ad-id-element');

                }

                if (campaignId) {
                    campaignIdElement = createIdElement(`${campaignID_k}: ${campaignId}`, 'campaign-id-element');

                }


                // 增加广告计数器
                adCounter++;

            } else {
                // 创建序号标签
                label = createLabel(`${searchResultCounter}`, 'green', '#FFF');
                label.classList.add('search-result-counter-label'); // 添加自定义类以避免重复添加

                // 增加搜索结果计数器
                searchResultCounter++;
            }

            // 将序号标签预置到搜索结果元素的标题下方
            const titleElement = result.querySelector('div[data-cy="title-recipe"]'); // 标题元素的选择器可能依网页而异
            if (titleElement) {
                let infoContainer = createInfoContainer();
                infoContainer.appendChild(label); // 序号标签
                if (adIdElement) {
                    // 广告ID标签
                    let adIdContainer = document.createElement('span'); // 创建一个新的容器
                    adIdContainer.appendChild(adIdElement); // 将广告ID元素加入新容器
                    infoContainer.appendChild(adIdContainer); // 将新容器加入信息容器
                }

                if (campaignIdElement) {
                    // 活动ID标签
                    let campaignIdContainer = document.createElement('div'); // 创建一个新的容器
                    campaignIdContainer.appendChild(campaignIdElement); // 将活动ID元素加入新容器
                    infoContainer.appendChild(campaignIdContainer); // 将新容器加入信息容器
                }

                // 将信息容器插入到标题元素的下一行
                titleElement.parentNode.insertBefore(infoContainer, titleElement.nextSibling);
            }
        });
    };

    // 创建信息容器的函数，将标签和ID聚合在一起
    function createInfoContainer() {
        let container = document.createElement('div');
        container.style.display = 'block';
        container.style.flexDirection = 'row';
        container.style.alignItems = 'center';
        container.style.marginTop = '5px'; // 在标题下方添加一些间距
        return container;
    }

    // 创建标签的函数，避免重复代码
    function createLabel(text, backgroundColor, foregroundColor) {
        let label = document.createElement('span');
        label.textContent = text;
        // 样式设置
        label.style.backgroundColor = backgroundColor;
        label.style.borderRadius = '50%';
        label.style.color = foregroundColor;
        label.style.display = 'inline-table';
        label.style.width = '25px';
        label.style.height = '25px';
        label.style.textAlign = 'center';
        label.style.marginLeft = '10px';
        label.style.marginRight = '5px';
        label.style.lineHeight = '25px';
        label.style.verticalAlign = 'middle';
        return label;
    }

    // 创建广告id或活动id元素的函数，避免重复代码
    function createIdElement(text, className) {
        let idElement;

        idElement = document.createElement('div');
        idElement.textContent = text;
        idElement.style.backgroundColor = '#DAA520'; // 金色背景色
        idElement.style.color = '#FFFFFF'; // 白色字体
        idElement.style.fontWeight = 'bold'; // 字体加粗
        idElement.style.padding = '3px 6px'; // 内边距
        idElement.style.marginLeft = '10px'; // 左边距
        idElement.style.borderRadius = '4px'; // 边框圆角
        idElement.style.boxShadow = '0 1px 3px rgba(0, 0, 0, 0.3)'; // 简单阴影效果
        idElement.style.fontSize = '0.75rem'; // 字体大小
        idElement.style.textAlign = 'center'; // 文本居中
        idElement.style.verticalAlign = 'middle'; // 垂直居中
        idElement.style.display = 'inline-block'; // 使用inline-block以便应用宽高、边距等
        idElement.style.minWidth = '80px'; // 最小宽度，保证布局的一致性
        idElement.style.height = '20px'; // 元素高度
        idElement.style.lineHeight = '20px'; // 行高与元素高度一致以垂直居中文本

        idElement.classList.add(className); // 添加自定义类以便删除
        return idElement;
    }


    // 保存当前页面的URL
    let currentUrl = window.location.href;

    const observer = new MutationObserver((mutations) => {
        let pageChanged = window.location.href !== currentUrl;
        if (pageChanged) {
            currentUrl = window.location.href;
            waitForContentLoaded().then(() => {
                applyLabelsAndIds(); // 确保新内容加载后再运行
            });
        }
    });

    const waitForContentLoaded = () => {
        return new Promise((resolve) => {
            // 假设新内容加载大约需要500ms
            setTimeout(resolve, 500);
        });
    };

    // 设置 observer 监听
    observer.observe(document.body, {childList: true, subtree: true});

    // 初次调用
    applyLabelsAndIds();

})();