You will need the following API keys:
campaign-api-key
: Your campaign API key.client-api-key
: Your client API key.
Add the following lines to the <head>
section of your HTML document:
<link rel="stylesheet" href="https://plugin.mickhae.com/mmspin.min.css" />
Add the following lines to the <body>
section of your HTML document:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="module" src="https://plugin.mickhae.com/mmspin.min.js"></script>
<div
id="mmspin-main"
data-api-key="YOUR_CLIENT_API_KEY"
data-campaign-api-id="YOUR_CAMPAIGN_API_ID"
></div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Spin Page</title>
<link rel="stylesheet" href="https://plugin.mickhae.com/mmspin.min.css" />
</head>
<body>
<div
id="mmspin-main"
data-api-key="YOUR_CLIENT_API_KEY"
data-campaign-api-id="YOUR_CAMPAIGN_API_ID"
></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="module" src="https://plugin.mickhae.com/mmspin.min.js"></script>
</body>
</html>