---
title: "Advanced embedding"
url: "https://docs.leaddoubler.com/en/article/advanced-embedding"
language: "en"
last_updated: "2026-04-14T13:44:40.957Z"
---
# Advanced embedding
Advanced instructions on how to embed your calculator directly on your website.
When embedding an iframe you have several inline options to enable/disable in the iframeResizer script.
Example with all inline options added:
```plaintext
```
## Options
* * *
| ### title |
| --- |
| **Description:**
Adds the title attribute to the iframe |
| **Value:**
`My iframe title` |
| **Default value:**
`""` |
| **Full code example:**
```javascript
title="My iframe title"
``` |
| ### lazyLoad |
| --- |
| **Description:**
Loading of the calculator will first occur when in view |
| **Value:**
`true` or `false` |
| **Default value:**
`true` |
| **Full code example:**
```javascript
lazyLoad="true"
or
lazyLoad="false"
``` |
| ### urlCheck |
| --- |
| **Description:**
Only accepts ‘commands’ from the specified URL. E.g: "[http://myCalculator.beregner.net](http://mycalculator.beregner.net/)" |
| **Value:**
`{URL}` |
| **Default value:**
`""` |
| **Full code example:**
```javascript
lazyLoad="http://myCalculator.beregner.net"
``` |
| ### autoScroll |
| --- |
| **Description:**
Automatically scrolls to top of calculator when navigating in quizzes |
| **Value:**
`true` or `false` |
| **Default value:**
`true` |
| **Full code example:**
```javascript
autoScroll="true"
or
autoScroll="false"
``` |
| ### scrollOnLoad |
| --- |
| **Description:**
Automatically scrolls to calculator when parent page has been loaded |
| **Value:**
`true` or `false` |
| **Default value:**
`false` |
| **Full code example:**
```javascript
scrollOnLoad="true"
or
scrollOnLoad="false"
``` |
| ### offset |
| --- |
| **Description:**
Numerical value: Used in combination with autoScroll so the page scrolls "offset" more or less. Usefull when having a fixed position banner to account for. |
| **Value:**
`{offsetAmountInPx}` |
| **Default value:**
`""` |
| **Full code example:**
```javascript
offset="300"
``` |
| ### loadParams |
| --- |
| **Description:**
Automatically loads parameters from URL into the iframe on load, so the values can be used in the calculator. |
| **Value:**
`true` or `false` |
| **Default value:**
`true` |
| **Full code example:**
```javascript
loadParams="true"
or
loadParams="false"
``` |
| ### postGA |
| --- |
| **Description:**
Activates the ability to post tracking data to Google Analytics through the iframe. |
| **Value:**
`true` or `false` |
| **Default value:**
`"false"` |
| **Full code example:**
```javascript
postGA="true"
or
postGA="false"
``` |
| **Example object to send directly from calculator (not from plug’n’play script):**
```javascript
var tracking = {
hitType: 'event',
eventCategory: 'My category',
eventAction: 'My action',
eventLabel: 'My label'
}
parent.postMessage(tracking, "*");
``` |
| ### gaTracker |
| --- |
| **Description:**
If the parent page has multiple GA trackers, you can specify which one to send to. It defaults to just "send". If you provide "myCustomTracker", it will send data like: ga("myCustomTracker.send", objectFromPostmessage). |
| **Value:**
`myCustomTracker` |
| **Default value:**
`""` |
| **Full code example:**
```javascript
gaTracker="myCustomTracker"
``` |
| ### dataLayerTracking |
| --- |
| **Description:**
Sends data from calculator to dataLayer on embedded page |
| **Value:**
`true` or `false` |
| **Default value:**
`"false"` |
| **Full code example:**
```javascript
dataLayerTracking="true"
or
dataLayerTracking="false"
``` |
| **Example object to send directly from calculator (not from plug’n’play script):**
```javascript
var tracking = {
'event': 'my_event',
'myCustomField': 'My value',
'myCustomField2': 'My value',
}
parent.postMessage(tracking, "*");
``` |
| ### gtagTracking |
| --- |
| **Description:**
Sends data from calculator to `gtag()` on embedded page |
| **Value:**
`true` or `false` |
| **Default value:**
`"false"` |
| **Full code example:**
```javascript
gtagTracking="true"
or
gtagTracking="false"
``` |
| **Example object to send directly from calculator (not from plug’n’play script):**
```javascript
var tracking = {
'event': 'my_event',
'extra': {
event_category: 'My category',
event_label: 'My label'
}
}
parent.postMessage(tracking, "*");
``` |
| ### **cookieInformation** |
| --- |
| **Description:**
Can be used to sends data from the calculator to a Cookie Information configured site when on embedded on a page |
| **Value:**
`true` or `false` |
| **Default value:**
`"false"` |
| **Full code example:**
```javascript
cookieInformation="true"
or
cookieInformation="false"
``` |
| ### **dynamicFields** |
| --- |
| **Description:**
Can be used to load the calculator with data from the embedded page.
Logic id from the calculator is defined, and the selector to fetch the value from.
In the example, the 'loanAmount' field will be prepopulated by the numeric value from the '.suggested-price' element on the embedded page.
Useful if you have a landing page where you display a house price, and want the calculator on the same page to have the house price as the default value in the loan amount. |
| **Value:**
logicId:selector,logicId2:selector |
| **Full code example:** |
| ```javascript
dynamicFields="loanAmount:.suggested-price"
``` |
## Plug’n’play script for simple tracking
* * *
To use the following tracking script, you need to add it to your calculator in the "[Analytics code](https://docs.leaddoubler.com/en/article/calculator-editor-overview#insert-custom-html)":
```html
```
- When using "[dataLayer](https://docs.leaddoubler.com/en/article/advanced-embedding#datalayertracking)" and "[gtag](https://docs.leaddoubler.com/en/article/advanced-embedding#gtagtracking)", specify the "event" in the `eventAction` parameter.
- When using "**GA4**", specify `measurementId`, `apiSecret`, `clientId` and `eventName`. The parameters with "event" in the nam are not used.
## Extra
* * *
To scroll into view, you can with javascript call `resizeNotify("top")` from the calculator. This method is automatically called in “quiz mode” and when calculator is loaded on parent page.