How-To Guide 7: Build a Chrome Extension for PPC Workflows

// manifest.json
// Save in a folder, then load in Chrome: chrome://extensions > Load unpacked

{
"manifest_version": 3,
"name": "PPC Quick Analyzer",
"version": "1.0",
"description": "Analyze Google Ads pages with AI",
"permissions": ["activeTab"],
"action": { "default_popup": "popup.html" },
"content_scripts": [{
"matches": ["https://ads.google.com/*"],
"js": ["content.js"]
}]
}

// popup.html
// <button id='analyze'>Analyze This Page</button>
// <div id='result'></div>
// <script src='popup.js'></script>

// popup.js - sends selected text to AI for analysis
document.getElementById('analyze').addEventListener('click', async () => {
const [tab] = await chrome.tabs.query({active: true, currentWindow: true});
chrome.scripting.executeScript({target: {tabId: tab.id},
func: () => window.getSelection().toString()
}, (results) => {
const text = results[0].result;
// Call your AI API with the selected text
// Display analysis in popup
document.getElementById('result').textContent = 'Analyzing...';
});
});