SurferSEO Image Button

Adds a button to open the image upload dialog on SurferSEO page
安裝腳本 ?
換行
// ==UserScript==
// @name         SurferSEO Image Button
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Adds a button to open the image upload dialog on SurferSEO page
// @author       mhshan
// @match        https://app.surferseo.com/drafts/s/*
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // Function to handle Image button click
    function handleImageClick() {
        const targetDiv = document.querySelector('div[data-testid="ribbon-image-button"]');
        if (targetDiv) {
            targetDiv.click();
        } else {
            alert('Target element not found.');
        }
    }

    // Check if the URL matches the pattern
    if (window.location.href.startsWith('https://app.surferseo.com/drafts/s/')) {
        const button = document.createElement('button');
        button.innerText = 'Image';
        button.style.position = 'fixed';
        button.style.top = '500px';
        button.style.left = '60px';
        button.style.height = '40px';
        button.style.width = '150px';
        button.style.background = 'Black';
        button.style.color = 'white';
        button.style.fontWeight = '600';
        button.style.zIndex = 1000;
        button.style.borderRadius = '8px';
        button.style.padding = '5px 10px';
        button.style.border = 'none';
        button.style.cursor = 'pointer';
        button.style.transition = 'background 0.3s ease, transform 0.3s ease';

        button.addEventListener('mouseover', function() {
            button.style.background = '#3CCF4E';
            button.style.transform = 'scale(1.05)';
        });

        button.addEventListener('mouseout', function() {
            button.style.background = 'Black';
            button.style.transform = 'scale(1)';
        });

        button.addEventListener('click', handleImageClick);

        document.body.appendChild(button);
    }
})();