Introducing the Forbes Ad Inspector, an innovative tool crafted by the Forbes engineering team to simplify the complexities of digital ad targeting. This cutting-edge bookmarklet utilizes the Google Publisher Tag (GPT) API to illuminate ad units and their associated targeting on web pages.
Developed by the Forbes engineering team, this tool empowers Product, QA/Dev, BI, and Ad Operations teams to efficiently conduct QA, create new ad slots, verify targeting, and ensure accurate reporting. It serves as an excellent solution for both technical and non-technical users alike. For more detailed information, read our official article on Forbes.
- Dev Requirements
- Installation
- Development
- Chrome Extension For Local Development
- Charles Setup
- Additional Information
- Contributors
- [Node] v20.11.1
- A proxy server like Charles
nvm use
npm install
This project runs a simple http server that watches for changes to your JS/CSS files.
Start by building the project:
npm run build
To watch changes made to files:
npm run watch
To start the server:
npm run start
Assuming you have no errors, you should be able to see your files on your local host (http://127.0.0.1:8080/).
To add extension to chrome for local development:
- After your changes, run
npm run build - Once the build file is finished (loader.js)
- Navigate to
chrome://extensions/in chrome browser - Select 'Load Unpacked'
- Select
srcfolder of Ad Inspector project, extension will be added to chrome
See Charles setup instructions here
This tool should work on all pages that utilize GPT Tags. It does not require any supplemental data to be provided in the page.
For any questions or support, please contact our ADS team.
- Anthony Giallella - ajg723@gmail.com
- Johnny McCampbell - jmccampbell@forbes.com
- Ben Harrigan - bharrigan@forbes.com
- Alexander Shnayderman - ashnayderman@forbes.com
- Anne Zhou - azhou@forbes.com
- Aaron Romel - aromel@forbes.com
- Anastasiia Soktoeva - asoktoeva@forbes.com