Unbounce Answers/Getting Started with Unbounce/Unbounce User Guide
05 Custom HTML, Embedding 3rd Party Components, and Page Metadata
Jason Murphy
posted this on November 26, 2010 01:57 pm
You can embed your own custom HTML or an HTML code snippet from a third party service provider in any of your Unbounce pages. You can find step-by-step instructions here.
A placeholder box will appear on your page in the editor to indicate where your embedded component will appear. Drag the placeholder and its handles until it is the right size and in the desired position.
You might also want to check our article on external conversion tracking which will allow you to track conversions through to your external destination pages (Note: it's not always possible as it requires that you have access to the destination page to ad a tracking script).
You can embed third-party components by following step-by-step instructions for embedding components here.
There is a specific guide for how to embed Google Analytics code here.
Note - Unbounce is not able to help you trouble-shoot third party scripts or HTML - including code you have written yourself. For problems with third party code, the tech-support belonging to the third provider you obtained it from should be able to help you.
You can use the Preview feature to see what what your page would like like if it were published - without actually sending it live:
- Make sure your page is saved by clicking on the ‘Save’ button in the top left of the Unbounce page editor.
- Click on the ‘Preview’ Button, also in the top left of the Page Editor. Alternatively, you can click on the ‘Preview’ tab near the top right of the Page Editor screen to switch to Preview mode. Either of these will bring you into Preview mode to view the Preview version of the page you are working on.
- Navigate between the variants of your page in preview mode by using Variants drop-down menu at the top left of the Page Editor screen.
The Unbounce preview mode uses a different method display pages than the actual page publishing system, so if you ‘View Source’ on your page in preview mode it will not give you any indication of what the actual published code will be.
Not all page functionality can be tested in preview mode. Integrations with third party systems (including the Unbounce Mailchimp integration,) will not work in preview mode; you must publish your page in order to test this functionality.
Clicking the Page Properties tab will open a dialog box where you can input page name, description, and keyword data. This data is used to populate your search engine listing and can also have an effect on your landing pages SEO.
You can also add custom metadata to your page using the scripts dialog box. Just click the Javascripts button in the editor tool bar, add the appropriate code and for placement, choose Head.
Comments
Above links to instructions don't appear to link to complete urls...and end up taking me to an error page.
Hey Matthew - sorry to hear that. I've been editing the article today so that may have caused the issue. I've tested the links and they appear to be working now but if you notice any errors again, would you be able to let me know which particular links are producing the issue?
Hi,
What is the Syntax for adding multiple keywords? Are they separated by a comma?
cheers,
Helmet
Hello Helmut - yes, keywords should be separated by commas. The wikipedia article on the meta element has some great information that's worth checking out: http://en.wikipedia.org/wiki/Meta_element#An_example_of_the_use_of_....
Is it possible to edit the meta language information? Bing uses this information in its SEO optimization.
Hi Jacob - once you have included meta information to your page using the Title & Meta tool discussed in this article and published it with your page, you can certainly access the tool again to edit the information. And just like other changes you make with your Unbounce landing pages, you will just want to make sure that you save your edits and republish the page if you want those changes pushed to your published page.
Jacquelyn
There isn't a field in the dialog box that allows me to set the "<meta http-equiv="content-language" content="ll-cc"> tag" which is one of the recommendations generated by bing.com's SEO Analyzer.
Hi Jacob - you can embed that code using the Scripts button in the toolbar. Just choose "head" for placement and the metadata will be added in the right spot of your page's code.
Is it possible to manage scripts system wide? What about footers (for privacy policy, manage subscriptions etc...)
Hi! Unfortunately system wide scripts (or other page content) is not available in the system right now. However, I did want to let you know that a functionality like this is on our roadmap and coming soon!
Although the latest update on this was a few months ago, please feel free to help this feature gain more traction with the development team on our thread here, and let them know how important it is for you. Any use cases in support of the feature will be helpful to the team! :)