Contact person: Business Client

Phone:Show

Email:Show

Location: Hong Kong

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I want to develop a browser extension for the Facebook Ads Manager page, with the following features:

1. Access Control: Password Verification

When clicking the extension icon, a password input dialog should pop up.

Only after entering the correct preset password:

The main interface of the extension should open.

The extension should then start working.

2. Ad Data Extraction (by Hierarchy)

After the password is successfully verified, the extension should automatically extract data from the current Facebook Ads Manager page.

Facebook’s structure is:

Campaign

Ad Set

Ad

For each Ad on the current page, the extension needs to extract the following fields:

Spend

Result

Completed Registrations

Impressions

Unique Link Clicks

At the same time, based on these fields, the extension should calculate for each ad:

Cost per Result

Cost per Registration

CPM (Cost per 1,000 Impressions)

CPC (Cost per Click)

3. Sorting Validation & Filtering Rules

If the current ad list is not sorted by Spend from highest to lowest, the extension should display a message in its UI:

Please sort the ads by spend from highest to lowest.

For ad rows where Spend = 0:

The extension should automatically ignore them.

They should not be included in any statistics or calculations (including totals and derived metrics).

4. Local Editable Simulation & Real-Time Recalculation

In the extension’s interface, each ad should be locally editable:

Add input fields next to the following fields to allow me to manually modify the values:

Spend

Result

Completed Registrations

Impressions

Unique Link Clicks

When I modify any of these fields, the extension should:

Recalculate in real time the derived metrics for that ad:

Cost per Result

Cost per Registration

CPM

CPC

And synchronously update and overwrite the corresponding values shown on the Facebook page for that ad row (front-end display only, visual replacement).

5. Hierarchical Aggregation Linkage

(Ad → Ad Set → Campaign)

Since Facebook’s structure is Ads nested in Ad Sets, and Ad Sets nested in Campaigns, then:

When I modify data in any Ad row:

The bottom “Total” row on the page should be recalculated based on the latest values of all valid ads (Spend > 0).

The corresponding Ad Set–level aggregated data (Spend, Result, Completed Registrations, Impressions, Unique Link Clicks and all derived metrics) should also be automatically recalculated based on all its child ads’ latest values and updated in the UI.

The corresponding Campaign–level data should likewise be aggregated and updated.

This ensures:

Changes at the Ad level propagate upward to affect the Ad Set and Campaign summaries.

All levels on the page remain logically consistent:

Ad

Ad Set

Campaign

Bottom page Total

In simple terms:
The smallest unit is the Ad. All summaries (Ad Set, Campaign, and page Total) must be recalculated based on the current locally modified ad data.

6. Local Persistence & State Restoration After Refresh

All modifications I make to ad fields in the extension, as well as all recalculated metrics and aggregated results, need to be stored locally (for example, using localStorage or IndexedDB).

When I:

Refresh the page,

Reopen the Facebook Ads Manager page, or

Open the extension again,

the extension should:

Reapply and re-render the previously modified ad values,

Restore the aggregated data for Ad Sets and Campaigns,

Restore the bottom Total row,

so that:

What I see on the page is still the locally simulated data I modified earlier.

All these changes should only take effect in the local browser front end.
They must not write to or modify the real ad data in Facebook’s backend.
They are purely visual and computational local simulations." (client-provided description)