Embed codes

1. Recommended

<script id="lucify-rkTlMz9eg" src="https://www.lucify.com/maakuntien-muuttoliike/embed.js"></script><script>lucifyEmbed("lucify-rkTlMz9eg", "https://www.lucify.com/maakuntien-muuttoliike/?embed=true")</script>

2. IFrame tag with remote auto-resize script

<iframe id="lucify-rkTlMz9eg" src="https://www.lucify.com/maakuntien-muuttoliike/?embed=true" width="100%" scrolling="no" frameborder="0"></iframe><script src="https://www.lucify.com/maakuntien-muuttoliike/resize.js"></script><script>iFrameResize({log:false}, "#lucify-rkTlMz9eg");</script>

3. IFrame tag with inline auto-resize script

<iframe id="lucify-rkTlMz9eg" src="https://www.lucify.com/maakuntien-muuttoliike/?embed=true" width="100%" scrolling="no" frameborder="0"></iframe><script>(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module "+o+"");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){"use strict";(function(window){"use strict";var count=0,logEnabled=false,msgHeader="message",msgHeaderLen=msgHeader.length,msgId="[iFrameSizer]",msgIdLen=msgId.length,pagePosition=null,requestAnimationFrame=window.requestAnimationFrame,resetRequiredMethods={max:1,scroll:1,bodyScroll:1,documentElementScroll:1},settings={},timer=null,defaults={autoResize:true,bodyBackground:null,bodyMargin:null,bodyMarginV1:8,bodyPadding:null,checkOrigin:true,enableInPageLinks:false,enablePublicMethods:false,heightCalculationMethod:"offset",interval:32,log:false,maxHeight:Infinity,maxWidth:Infinity,minHeight:0,minWidth:0,resizeFrom:"parent",scrolling:false,sizeHeight:true,sizeWidth:false,tolerance:0,closedCallback:function closedCallback(){},initCallback:function initCallback(){},messageCallback:function messageCallback(){},resizedCallback:function resizedCallback(){},scrollCallback:function scrollCallback(){return true}};function addEventListener(obj,evt,func){if("addEventListener"in window){obj.addEventListener(evt,func,false)}else if("attachEvent"in window){obj.attachEvent("on"+evt,func)}}function setupRequestAnimationFrame(){var vendors=["moz","webkit","o","ms"],x;for(x=0;x<vendors.length&&!requestAnimationFrame;x+=1){requestAnimationFrame=window[vendors[x]+"RequestAnimationFrame"]}if(!requestAnimationFrame){log(" RequestAnimationFrame not supported")}}function getMyID(){var retStr="Host page";if(window.top!==window.self){if(window.parentIFrame){retStr=window.parentIFrame.getId()}else{retStr="Nested host page"}}return retStr}function formatLogMsg(msg){return msgId+"["+getMyID()+"]"+msg}function log(msg){if(logEnabled&&"object"===typeof window.console){console.log(formatLogMsg(msg))}}function warn(msg){if("object"===typeof window.console){console.warn(formatLogMsg(msg))}}function iFrameListener(event){function resizeIFrame(){function resize(){setSize(messageData);setPagePosition();settings[iframeId].resizedCallback(messageData)}ensureInRange("Height");ensureInRange("Width");syncResize(resize,messageData,"resetPage")}function closeIFrame(iframe){var iframeId=iframe.id;log(" Removing iFrame: "+iframeId);iframe.parentNode.removeChild(iframe);settings[iframeId].closedCallback(iframeId);delete settings[iframeId];log(" --")}function processMsg(){var data=msg.substr(msgIdLen).split(":");return{iframe:document.getElementById(data[0]),id:data[0],height:data[1],width:data[2],type:data[3]}}function ensureInRange(Dimension){var max=Number(settings[iframeId]["max"+Dimension]),min=Number(settings[iframeId]["min"+Dimension]),dimension=Dimension.toLowerCase(),size=Number(messageData[dimension]);if(min>max){throw new Error("Value for min"+Dimension+" can not be greater than max"+Dimension)}log(" Checking "+dimension+" is in range "+min+"-"+max);if(size<min){size=min;log(" Set "+dimension+" to min value")}if(size>max){size=max;log(" Set "+dimension+" to max value")}messageData[dimension]=""+size}function isMessageFromIFrame(){function checkAllowedOrigin(){function checkList(){log(" Checking connection is from allowed list of origins: "+checkOrigin);var i;for(i=0;i<checkOrigin.length;i++){if(checkOrigin[i]===origin){return true}}return false}function checkSingle(){log(" Checking connection is from: "+remoteHost);return origin===remoteHost}return checkOrigin.constructor===Array?checkList():checkSingle()}var origin=event.origin,checkOrigin=settings[iframeId].checkOrigin,remoteHost=messageData.iframe.src.split("/").slice(0,3).join("/");if(checkOrigin){if(""+origin!=="null"&&!checkAllowedOrigin()){throw new Error("Unexpected message received from: "+origin+" for "+messageData.iframe.id+". Message was: "+event.data+". This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.")}}return true}function isMessageForUs(){return msgId===(""+msg).substr(0,msgIdLen)}function isMessageFromMetaParent(){var retCode=messageData.type in{"true":1,"false":1,undefined:1};if(retCode){log(" Ignoring init message from meta parent page")}return retCode}function getMsgBody(offset){return msg.substr(msg.indexOf(":")+msgHeaderLen+offset)}function forwardMsgFromIFrame(msgBody){log(" MessageCallback passed: {iframe: "+messageData.iframe.id+", message: "+msgBody+"}");settings[iframeId].messageCallback({iframe:messageData.iframe,message:JSON.parse(msgBody)});log(" --")}function checkIFrameExists(){if(null===messageData.iframe){warn(" IFrame ("+messageData.id+") not found");return false}return true}function getElementPosition(target){var iFramePosition=target.getBoundingClientRect();getPagePosition();return{x:parseInt(iFramePosition.left,10)+parseInt(pagePosition.x,10),y:parseInt(iFramePosition.top,10)+parseInt(pagePosition.y,10)}}function scrollRequestFromChild(addOffset){function reposition(){pagePosition=newPosition;scrollTo();log(" --")}function calcOffset(){return{x:Number(messageData.width)+offset.x,y:Number(messageData.height)+offset.y}}var offset=addOffset?getElementPosition(messageData.iframe):{x:0,y:0},newPosition=calcOffset();log(" Reposition requested from iFrame (offset x:"+offset.x+" y:"+offset.y+")");if(window.top!==window.self){if(window.parentIFrame){if(addOffset){window.parentIFrame.scrollToOffset(newPosition.x,newPosition.y)}else{window.parentIFrame.scrollTo(messageData.width,messageData.height)}}else{warn(" Unable to scroll to requested position, window.parentIFrame not found")}}else{reposition()}}function scrollTo(){if(false!==settings[iframeId].scrollCallback(pagePosition)){setPagePosition()}}function findTarget(location){function jumpToTarget(target){var jumpPosition=getElementPosition(target);log(" Moving to in page link (#"+hash+") at x: "+jumpPosition.x+" y: "+jumpPosition.y);pagePosition={x:jumpPosition.x,y:jumpPosition.y};scrollTo();log(" --")}var hash=location.split("#")[1]||"",hashData=decodeURIComponent(hash),target=document.getElementById(hashData)||document.getElementsByName(hashData)[0];if(window.top!==window.self){if(window.parentIFrame){window.parentIFrame.moveToAnchor(hash)}else{log(" In page link #"+hash+" not found and window.parentIFrame not found")}}else if(target){jumpToTarget(target)}else{log(" In page link #"+hash+" not found")}}function actionMsg(){switch(messageData.type){case"close":closeIFrame(messageData.iframe);break;case"message":forwardMsgFromIFrame(getMsgBody(6));break;case"scrollTo":scrollRequestFromChild(false);break;case"scrollToOffset":scrollRequestFromChild(true);break;case"inPageLink":findTarget(getMsgBody(9));break;case"reset":resetIFrame(messageData);break;case"init":resizeIFrame();settings[iframeId].initCallback(messageData.iframe);break;default:resizeIFrame()}}function hasSettings(iframeId){var retBool=true;if(!settings[iframeId]){retBool=false;warn(messageData.type+" No settings for "+iframeId+". Message was: "+msg)}return retBool}var msg=event.data,messageData={},iframeId=null;if(isMessageForUs()){messageData=processMsg();iframeId=messageData.id;if(!isMessageFromMetaParent()&&hasSettings(iframeId)){logEnabled=settings[iframeId].log;log(" Received: "+msg);if(checkIFrameExists()&&isMessageFromIFrame()){settings[iframeId].firstRun=false;actionMsg()}}}}function getPagePosition(){if(null===pagePosition){pagePosition={x:window.pageXOffset!==undefined?window.pageXOffset:document.documentElement.scrollLeft,y:window.pageYOffset!==undefined?window.pageYOffset:document.documentElement.scrollTop};log(" Get page position: "+pagePosition.x+","+pagePosition.y)}}function setPagePosition(){if(null!==pagePosition){window.scrollTo(pagePosition.x,pagePosition.y);log(" Set page position: "+pagePosition.x+","+pagePosition.y);pagePosition=null}}function resetIFrame(messageData){function reset(){setSize(messageData);trigger("reset","reset",messageData.iframe,messageData.id)}log(" Size reset requested by "+("init"===messageData.type?"host page":"iFrame"));getPagePosition();syncResize(reset,messageData,"init")}function setSize(messageData){function setDimension(dimension){messageData.iframe.style[dimension]=messageData[dimension]+"px";log(" IFrame ("+iframeId+") "+dimension+" set to "+messageData[dimension]+"px")}var iframeId=messageData.iframe.id;if(settings[iframeId].sizeHeight){setDimension("height")}if(settings[iframeId].sizeWidth){setDimension("width")}}function syncResize(func,messageData,doNotSync){if(doNotSync!==messageData.type&&requestAnimationFrame){log(" Requesting animation frame");requestAnimationFrame(func)}else{func()}}function trigger(calleeMsg,msg,iframe,id){if(iframe&&iframe.contentWindow){log("["+calleeMsg+"] Sending msg to iframe ("+msg+")");iframe.contentWindow.postMessage(msgId+msg,"*")}else{warn("["+calleeMsg+"] IFrame not found");if(settings[id]){delete settings[id]}}}function setupIFrame(options){function setLimits(){function addStyle(style){if(Infinity!==settings[iframeId][style]&&0!==settings[iframeId][style]){iframe.style[style]=settings[iframeId][style]+"px";log(" Set "+style+" = "+settings[iframeId][style]+"px")}}addStyle("maxHeight");addStyle("minHeight");addStyle("maxWidth");addStyle("minWidth")}function ensureHasId(iframeId){if(""===iframeId){iframe.id=iframeId="iFrameResizer"+count++;logEnabled=(options||{}).log;log(" Added missing iframe ID: "+iframeId+" ("+iframe.src+")")}return iframeId}function setScrolling(){log(" IFrame scrolling "+(settings[iframeId].scrolling?"enabled":"disabled")+" for "+iframeId);iframe.style.overflow=false===settings[iframeId].scrolling?"hidden":"auto";iframe.scrolling=false===settings[iframeId].scrolling?"no":"yes"}function setupBodyMarginValues(){if("number"===typeof settings[iframeId].bodyMargin||"0"===settings[iframeId].bodyMargin){settings[iframeId].bodyMarginV1=settings[iframeId].bodyMargin;settings[iframeId].bodyMargin=""+settings[iframeId].bodyMargin+"px"}}function createOutgoingMsg(){return iframeId+":"+settings[iframeId].bodyMarginV1+":"+settings[iframeId].sizeWidth+":"+settings[iframeId].log+":"+settings[iframeId].interval+":"+settings[iframeId].enablePublicMethods+":"+settings[iframeId].autoResize+":"+settings[iframeId].bodyMargin+":"+settings[iframeId].heightCalculationMethod+":"+settings[iframeId].bodyBackground+":"+settings[iframeId].bodyPadding+":"+settings[iframeId].tolerance+":"+settings[iframeId].enableInPageLinks+":"+settings[iframeId].resizeFrom}function init(msg){addEventListener(iframe,"load",function(){var fr=settings[iframeId].firstRun;trigger("iFrame.onload",msg,iframe);if(!fr&&settings[iframeId].heightCalculationMethod in resetRequiredMethods){resetIFrame({iframe:iframe,height:0,width:0,type:"init"})}});trigger("init",msg,iframe)}function checkOptions(options){if("object"!==typeof options){throw new TypeError("Options is not an object.")}}function processOptions(options){options=options||{};settings[iframeId]={firstRun:true};checkOptions(options);for(var option in defaults){if(defaults.hasOwnProperty(option)){settings[iframeId][option]=options.hasOwnProperty(option)?options[option]:defaults[option]}}logEnabled=settings[iframeId].log}var iframe=this,iframeId=ensureHasId(iframe.id);processOptions(options);setScrolling();setLimits();setupBodyMarginValues();init(createOutgoingMsg())}function throttle(fn,time){if(null===timer){timer=setTimeout(function(){timer=null;fn()},time)}}function winResize(){function isIFrameResizeEnabled(iframeId){return"parent"===settings[iframeId].resizeFrom&&settings[iframeId].autoResize&&!settings[iframeId].firstRun}throttle(function(){for(var iframeId in settings){if(isIFrameResizeEnabled(iframeId)){trigger("Window resize","resize",document.getElementById(iframeId),iframeId)}}},66)}function factory(){function init(element,options){if(!element.tagName){throw new TypeError("Object is not a valid DOM element")}else if("IFRAME"!==element.tagName.toUpperCase()){throw new TypeError("Expected <IFRAME> tag, found <"+element.tagName+">.")}else{setupIFrame.call(element,options)}}setupRequestAnimationFrame();addEventListener(window,"message",iFrameListener);addEventListener(window,"resize",winResize);return function iFrameResizeF(options,target){switch(typeof target){case"undefined":case"string":Array.prototype.forEach.call(document.querySelectorAll(target||"iframe"),function(element){init(element,options)});break;case"object":init(target,options);break;default:throw new TypeError("Unexpected data type ("+typeof target+").")}}}function createJQueryPublicMethod($){$.fn.iFrameResize=function $iFrameResizeF(options){return this.filter("iframe").each(function(index,element){setupIFrame.call(element,options)}).end()}}window.iFrameResize=factory()})(window||{})},{}]},{},[1]);iFrameResize({log:false}, "#lucify-rkTlMz9eg");</script>

All types of embed codes are based on iFrames.

To inject an embed for testing with Chrome's web developer tools:

1. Insert the iFrame part of the embed code (3) into the desired location in the page.
2. Copy-paste the script part of embed code (3) into the console.

Resizing is based on iframe-resizer.