Adhese Ad Previewer Chrome Extension

A Chrome extension that allows you to preview Adhese ads dynamically on any webpage.

Features

• Preview Adhese ads on any webpage
• Drag and drop placement of ads
• Clear existing ads on the page
• Interactive placement mode with visual guides
• Persistent storage of account and creative IDs

Installation Instructions

1. Clone the Repository

   git clone https://github.com/adswag/preview-chrome-extension.git
   cd preview-chrome-extension

2. Load the Extension in Chrome

   • Open Chrome and navigate to chrome://extensions/
   • Enable "Developer mode" in the top right corner
   • Click "Load unpacked"
   • Select the directory containing the extension files

Usage

1. Click the extension icon in your Chrome toolbar
2. Enter your Account ID and Creative ID
3. Choose whether to clear existing ads
4. Click "Start Placement Mode"
5. Hover over areas where you'd like to place the ad
6. Click to place the ad
7. Press ESC to exit placement mode
8. Use "Clear All Ads" to remove placed ads

Required Files

Make sure your directory contains:

• manifest.json
• popup.html
• popup.js
• background.js
• icons/
  • icon16.png
  • icon32.png
  • icon48.png
  • icon128.png

Development

To modify the extension:

1. Make your changes to the source files
2. Go to chrome://extensions/
3. Click the refresh icon on the extension card
4. Test your changes

Notes

• The extension requires appropriate Adhese account and creative IDs to function
• Internet connection is required to fetch ad previews
• Some websites may restrict content injection due to security policies