Playbooks
Implementing Moments via the Moments JS SDK (Embedded)
adspostx is now momentscience! momentscience! 🎉 we have rebranded adspostx to momentscience all the latest documentation and updates can now be found at momentscience documentation https //docs momentscience com/ goal to fully implement the moments js sdk as an embedded unit inside your web page or inside a webview in a mobile app background by default, the adspostx moments js sdk (out of the box) has the following characteristics shows a single offer at a time in a sequence displays in a modal (pop up) container default js sdk implementation desired implementation as an embedded unit steps step 1 identify/create the div element on your page identify or create a \<div> element on your page that will serve as the container that holds the adspostx unit //using 'adpx' as an example step 2 copy & paste the moments js sdk code snippet obtain the moments js sdk from the adspostx publisher dashboard following the guide below and paste into the \<head> section of your web page step 3 enable embedded mode to configure the js sdk to operate in embedded mode, modify the code snippet using by following the guide below you will also be able to configure additional embedded options as indicated in this guide step 4 customize the interface and behavior once you've followed the steps above, you should have an embedded adspostx unit on your site but it may not match your desired style guides (colors, etc) to better match your overall user experience, adspostx provides a convenient way to change these settings directly from the adspostx dashboard log into the adspostx dashboard > visit integrations > select your integration type, and select configure then, follow the steps as indicated step 5 change the number of ads (and other properties) in addition to stylization, the adspostx dashboard also allows you to specify how many offers to present at a time without any code changes once logged into the adspostx dashboard, visit settings and then select configurations step 6 pass payload values for targeting, reporting and personalization (optional) your implementation of adspostx can be enhanced or optimized by passing payload information when the adspostx unit is loaded values passed into the payload may be used by our platform to target offers more effectively to generate higher yield they can also be used for reporting to differentiate performance on multiple dimensions or to personalize the moments experience further recommendations use macros to personalize your moments payload values can also be passed in as macros when setting up the stylization of your moments unit (as described earlier in this guide) this is helpful if you would like to personalize your user's experience based on the configuration as shown in the image above, the resulting experience looks as follows utilizing callback functions the moments js sdk accepts a callback function that will be invoked at various points during the lifecycle of the sdk this allows you to better tailor the user experience or to inform your own internal tracking metrics postbacks consider using postbacks to get real time events on conversions based on your offers