Attribution event clicks are triple counted

[aldenstpage]

Description

When a user clicks the "copy attribution" button, we register an event with our analytics API to help us figure out which works are embedded most frequently. It seems like the frontend registers this event 3 times when it ought to only be registered once.

Reproduction

1. Open network debugging tab in your browser tools
2. Navigate to the image detail page for any image
3. Click "copy" button in the attribution panel
4. See that 3 requests to the attribution event endpoint have been made

Expectation

The event should only be registered once (ideally clicking the copy button multiple times in the same session wouldn't trigger registration again)

Screenshots

Environment

• Browser: Firefox 78.3.0esr (I suspect all browsers are affected)

Resolution

• I would be interested in resolving this bug.

[aldenstpage]

Additionally, it would be helpful if you could confirm that the event is always triple counted, as this will help us account for errors in our usage statistics.

[zackkrida]

@aldenstpage The event is consistently tripled. The buttons have all incorrectly have the same id in html, and the copySuccess event which triggers the request to our analytics server fires once for each copy button on the page. Which, currently and historically, has been 3.