Google’s AI Overview feature in search results is a game-changer for users seeking quick and relevant information. Powered by the Gemini model, this generative AI seamlessly pieces together information from various web sources to provide comprehensive answers. But what if you need to delve deeper into the credibility of these primary sources? Fear not, for we have an ingenious solution!
Developer James McNulty from pylic has crafted a custom script that empowers you to effortlessly scrape the sources behind Google AI Overview. By simply adding this script as a bookmark in your browser, you can unlock the treasure trove of information that fuels these AI-generated responses. The process is as easy as pie!
Step 1: Open Chrome.
Step 2: Navigate to the Bookmark Manager.
Step 3: Create a new bookmark, give it a snappy name.
Step 4: Paste the provided script into the designated field:
javascript:(function(){const links=document.querySelectorAll('div[jsname="s2gQvd"] a');const uniqueUrls=new Set();const extractedInfo=[];links.forEach(link=>{const href=link.getAttribute('href');const ariaLabel=link.getAttribute('aria-label')||'';const divTextElement=link.closest('div[jsname="s2gQvd"]').querySelector('div[style="font-family:inherit;-webkit-line-clamp:2"]');const divText=divTextElement?divTextElement.textContent.trim():%27%27;if(href&&!uniqueUrls.has(href)){uniqueUrls.add(href);const domain=href.startsWith(%27/%27)?window.location.origin:new URL(href).origin;const anchorText=domain;extractedInfo.push({href:href,anchorText:anchorText,ariaLabel:ariaLabel,divText:divText.replace(/^(.*?)(\u2014|$)/,%27<strong>$1</strong>%27)});}});if(extractedInfo.length>0){const formattedHtml=extractedInfo.map(info=>`<div style="font-family:%27Roboto%27, sans-serif;">
<a href="${info.href}" target="_blank" style="font-family:%27Roboto%27, sans-serif;">${info.anchorText}</a>: <span style="font-family:%27Roboto%27, sans-serif;">${info.ariaLabel}</span>
</div>`).join(%27\n%27);const blob=new Blob([formattedHtml],{type:%27text/html%27});const url=URL.createObjectURL(blob);const newWindow=window.open();newWindow.document.write(formattedHtml);newWindow.document.close();}else{console.log(%27No unique URLs found for <a> elements within <div[jsname="s2gQvd"]> on this page.%27);}})();
Step 5: For optimal convenience, save this bookmark in your Bookmarks bar. You’re ready to embark on your source-hunting adventure.
Step 6: Go to Google Search and type in your query.
Step 7: If the AI Overview appears, you’re golden. If not, simply click “Generate” to summon the AI’s wisdom.
Step 8: Once the AI Overview is displayed, click the newly created bookmark, and watch as a new tab opens, revealing a comprehensive list of all the sources that contributed to the AI’s response. It’s like having a backstage pass to the inner workings of Google’s AI!
The beauty of this script lies in its simplicity and efficiency. No more clicking through drop-down arrows to view sources individually. With a single click, you have access to all the information you need to scrutinize and verify the AI’s output. However, if you prefer a more manual approach, you can still use the drop-down arrows within the AI Overview to explore the sources one by one.
While Google’s AI-powered snapshots are undeniably convenient, it’s always wise to exercise caution and verify the information they provide. By leveraging this brilliant script or manually checking the sources, you can ensure that you’re making informed decisions based on credible information.