OptinMonster Team
Member since March 2023
om-reactv4.js
// Using React Router V4 import React from "react"; import { withRouter } from "react-router"; class…
om-reactv3.js
// Using React Router V3 import { browserHistory } from 'react-router'; class App extends React.component {…
om-nextjs.js
import { useEffect } from 'react'; import { useRouter } from 'next/router'; const OptinMonsterEmbed = ()…
Dynamic Monsterlinks by Id
// Target by ID window.onload = function(){ document.getElementById("someID").href="MONSTERLINK_URL"; }
zapier-lead-data.json
{ "lead": { "email": "[email protected]", "ipAddress": "1.2.3.4", "referrer": "https://optinmonster.com/", "timestamp": 1699985224, "privacyConsent": true, "firstName": "Archie", "lastName":…
Custom Separator
This code creates a custom separator smart tag for OptinMonster, which determines whether to use ?…
om.DisplayRules.init
document.addEventListener('om.DisplayRules.init', function(event) { console.log(event.detail.DisplayRules); // An array of the Ruleset objects console.log(event.detail.DisplayRules.rulesets); console.log(event.detail.Campaign); } );
om.Campaign.afterClose
document.addEventListener('om.Campaign.afterClose', function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); } );
Style ALL Placeholder Text on Your Website
::-webkit-input-placeholder { color: #333 !important; } /* Chrome/Opera/Safari */ ::-moz-placeholder { color: #333 !important; } /*…
floating-monsterlink-2.css
/* --- Floating MonsterLink Style 2 CSS --- ------------------------------------------ */ .floating-monsterlink.style2.show { bottom: 30px; } .floating-monsterlink.style2…