Unable to add additional node/property to Custom cloud config(Google Analytics)

Hi All,
We have implemented Google Analytics component as given in the below URL:
https://experienceleague.adobe.com/docs/experience-manager-65/developing/extending-aem/extending-cloud-services/extending-cloud-config-custom-cloud.html?lang=en
Actually we have implemented this in AEM 6.2 few years back and it was working fine. Now since Google is migrating to G4 we need to enhance this component and facing 2 issues.
1. We would like to add a new node under "googleanalyticspage/dialog/items/items/tab1/" and pass additional G4 property along with Account ID. I tried to duplicate the existing node and updated the properties (like name, description for new G4 ID ) and when tried to configure this I don't see this new textfield coming in the dialog. I even tried to modify the hierarchy by adding nodes like layout(resourceType: fixed columns) and column(resourceType: container) and added 2 nodes (resourceType: textfield) but dialog is blank . Is there any additional steps we are missing?
2. Google now recommends that we place this google analytics snippet in the head section but AEM cloud config places this "div class"'cloudservice googleanalytics"" the bottom of the page. without giving us any option to modify it.
 Could you please suggest any solution/fix for these issues. Thanks in advance.

Regards
Suresh