Replies posted by tsprinkel

10 Replies

Kabir
Kabir
posted in Uncategorized

Getting referring URL from sticky bar - Javascript

Definitely a Typeform question, but it looks like their syntax to fill in hidden fields is [url]#[hidden field name]=[hidden field value]. If the pass through URL parameters option doesn’t work, you could just parse it out directly in your sticky bar and manipulate it that way. However, it might be worth testing to see if altering the code to be newLoc.hash instead of newLoc.search would work. I don’t know if Unbounce passes through everything or just search params.

5
tsprinkel
2 years ago
Kabir
Kabir
posted in Uncategorized

Getting referring URL from sticky bar - Javascript

Just put this code before the sticky bar embed code on the parent page.

5
tsprinkel
2 years ago
Kabir
Kabir
posted in Uncategorized

Getting referring URL from sticky bar - Javascript

I don’t have access to an account with sticky bars enabled, but I think they automatically pass through any URL parameters from the parent page. On the parent page, I think you could do something like: (function(){ var parentURL = document.location.href; var newLoc = document.createElement("a"); newLoc.href = parentURL; newLoc.search += "&source=" + encodeURIComponent(parentURL); history.replaceState({},null,newLoc.href); })(); prior to loading your sticky bar. That would pass through to your sticky bar and you could choose the option to pass through URL parameters on your button. Then you’d be able to grab that from the URL of your Typeform and pass it to a hidden field.

5
tsprinkel
2 years ago
Quentin_H
Quentin_H
posted in Uncategorized

Conversion tracking with embedded form (using Webmecanik)

This is exactly how External Conversion Tracking is designed to work. You put the tracking script on the Thank You page, and Unbounce will look for the most recently visited page without a conversion for that visitor and increment the conversion count.

1
tsprinkel
2 years ago
M
MattL
asked in Ask a Question

Concerns about using the native GA integration and also GTM

I definitely would not create a separate container. Instead, I’d update your firing triggers to intelligently fire/block tags on Unbounce pages as appropriate. The best way I’ve found in GTM to identify an Unbounce page is to create a custom variable called Unbounce Page. It will be a JavaScript variable with the definition window.ub.page You can then use that to deploy/block specific tags on Unbounce pages. For example, if you wanted to deploy GA through GTM on all pages except Unbounce pages, you’d create a trigger called something like “Page View - Unbounce” where the trigger type is Page View and this trigger fires when Unbounce Page (your custom variable) does not equal undefined. Your GA tag would then have Firing Triggers = All Pages with Exceptions = Page View - Unbounce.

2
M
2 years ago
George_Samaras
George_Samaras
posted in Ask a Question

Hide Page Section based on a URL Parameter

I answered this in a very similar question here: Hide section based on URL parameter

4
George_Samaras
2 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How to] Run Custom Code/Scripts on Form Submission

I’m trying to do a Marketo form submission in the background (per their own best practices) rather than the REST-based integration that Unbounce has and conditionally control the follow up behavior to either let Unbounce handle the redirect after submission, let the Marketo form default take over, or control it in my own JS through an onSuccess handler. I’ve successfully gotten Unbounce to wait for Marketo to finish processing by doing something like this: window.ub.hooks.afterFormSubmit.push(function(args){ return new Promise(function(resolve){ document.addEventListener("ub_mktoFormSubmitted",function(){ resolve(); }); }); var mktoForm = MktoForms2.allForms()[0]; mktoForm.addHiddenFields(getUBFormValues(ubForm)); //this is my own function that reads the UB form and passes to the hidden Marketo form mktoForm.submit(); }); and my Marketo function: form.onSuccess(function(values,followUpUrl){ if(config.useUBTY){ //there's a config object to turn on/off using the UB thank yo

28
Anna_Z
Unbouncer
4 months ago
lori
lori
asked in Ask a Question

How to create friendly anchor tags vs. lp-pom-etc?

Double click into the section you want to scroll to, e.g. the pricing section. In the bottom-left corner of your element, there should be an option to View Source. Add in a tag and adjust your button links accordingly.

3
Alex
3 years ago
Kevin
Kevin
asked in Ask a Question

Hide section based on URL parameter

You can put in the ID of the div, section, or whatever it is you’re trying to hide, and that should hide everything within it. If you have a live URL, that’d be easier to provide guidance. display: none;also will hide the space that the element takes up. If you had wanted the space to remain, you could use visibility: hidden;.

7
Kevin
3 years ago
Kevin
Kevin
asked in Ask a Question

Hide section based on URL parameter

For sure you need some JS and a little bit of CSS to accomplish this. Since the default is to hide, you’d need something like this in your CSS: #elementToHide { display: none; } #elementToHide[data-show-element="true"] { display: block; } Additionally, you’d need some JS to set the visibility. Something simple, but not compatible with all browsers might be: window.addEventListener('load', (event) => { var params = new URLSearchParams(window.location.search); if(params.has("parameter")){ document.getElementById("elementToHide").setAttribute("data-show-element", "true"); } }); Example page: http://unbouncepages.com/horizons-87 http://unbouncepages.com/horizons-87/?parameter=abc

7
Kevin
3 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings