Landingi

Summary

This article describes how to implement Jornaya's javascript within Landingi. Landingi is a landing page builder featuring landing page templates and a drag and drop GUI for custom page design.

Instructions

1. Add the leadid_token hidden input element

1. In the Landingi page editor, Click Edit on your existing form element
2. Click Form Fields
3. Add element and select “Hidden”
4. Leave the “Value” blank and add a Name attribute of leadid_token
   1. When defining the hidden input "name" there may be a delay between when the name is saved and that name updating on the published page.

2. Adding the LeadiDscript element to the page

1. Drag a new HTML element to the bottom right corner of the page
2. Edit the HTML element
3. Add the following code to the “Add custom HTML” popup
   1. Be sure to use the campaign src value from your Jornaya Member Portal account as the Jornaya Campaign Script below is not specific to your campaign/account
   2. To get your Jornaya Campaign Code, please see the following article "How to Get Campaign Code from the Jornaya Portal"

Callback Function

<script type="text/javascript">
function myCallbackFunction(token) {
var field = document.getElementsByName('leadid_token')[0];
if (field) {
field.setAttribute('value', token);
    }
}
</script>

Jornaya Campaign Script

<script id="LeadiDscript" type="text/javascript">
(function() {
var s = document.createElement('script');
s.id = 'LeadiDscript_campaign';
s.type = 'text/javascript';
s.async = true;
s.src = '//create.lidstatic.com/campaign/xxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx.js?snippet_version=2';
var LeadiDscript = document.getElementById('LeadiDscript');
LeadiDscript.parentNode.insertBefore(s, LeadiDscript);
})();
</script>
<noscript><img src='//create.leadid.com/noscript.gif?lac=xxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx&lck=xxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx&snippet_version=2' /></noscript>

3. Confirm the Jornaya script is working properly

1. Save all changes and open the website in a new tab to confirm everything is working properly
2. Follow the steps list in this article to confirm the integration is working as expected: Create Implementation Testing.