Embedding Content on an External Webpage
This article details how to embed MI content into a Google Site. There are two ways available.
1. Copy/Paste iFrame into HTML
1.1. Locate and Copy Embed Code
This article describes how to embed External Report as an example. For more details on how to find embed codes in Metric Insights, see Embedding Overview.
Access External Report > Advanced Tab
1.2. Access HTML Editor
- Select Embed from the panel on the right
- Switch to Embed code
When you are editing your Google site, to the far right of the control menu is an "html" button for toggling directly into the html code.
1.3. Edit HTML Pop-up
Now you should see an "Edit HTML" pop-up for entering your embed code.
1.4. Step 3: Go to the Embed Codes dialog and Copy Code
Either click on the code in the Embed Code text box and copy or just click the Copy Code button.
1.5. Step 4: Paste the embed code into the Edit HTML pop-up.
1.6. Step 5: Update and Save
You should now be able to see a preview of your site!
1.7. Warning: your code will now be unrecognizable!!
If you go back to edit your site, Google will have messed with your code, as you can see above. So, sometimes it's better to use the native Gadget UI instead of trying to edit the HTML (see below).
2.
3. 2. Insert a Google Gadget
3.1. Step 1: Go to Insert >> More Gadgets...
3.2. Step 2: Select Include gadget (iFrame)
3.3. Step 3: Look at your Embed Codes dialog
You will have to dissect the code in the Embed Code box to configure the Gadget. Copy only src section.
3.4. Step 4: Configure the Gadget
Click OK and Save and again you should be good to go!