Issue Summary

Iframe IDs of Connect macros are different for every renders, and it makes it harder for developers to query the element using the iframe id

Steps to Reproduce

1. Create a page with Connect macros
2. Open developer tools and take note of the iframe ID
3. Refresh the page
4. Verify the new iframe ID

Expected Results

Iframe ID is the same even after refreshing the page

Actual Results

Iframe ID changes every time the page refreshes

Workaround

If developers need to looks for a specific macro within the page, they iframe ID will always be prefixed by: `${CONNECT_APP_NAME}_${macro.key}_`, so developers can still find the iframe from that. And they need the specific macro id, the iframe `name` should have the `macro.id` which is unique per macro in the instance, so they can query using that as well.