Appearance
Check Affiliate
Use hasAffiliate() and getAffiliateCode() to check if a visitor is referred by an affiliate.
Usage
html
<script>
// Check if visitor has affiliate
if (AffiliateSDK.hasAffiliate()) {
const code = AffiliateSDK.getAffiliateCode();
console.log("Referred by:", code);
// Show special message
document.getElementById("promo").innerText = `Welcome! Referred by ${code}`;
}
</script>php
<script>
if (AffiliateSDK.hasAffiliate()) {
const code = AffiliateSDK.getAffiliateCode();
// Display affiliate info
jQuery("#affiliate-banner").html(`You were referred by ${code}`);
}
</script>liquid
<script>
if (AffiliateSDK.hasAffiliate()) {
const code = AffiliateSDK.getAffiliateCode();
// Show banner
document.querySelector('.affiliate-banner').textContent =
`Referred by: ${code}`;
}
</script>jsx
import { useEffect, useState } from "react";
export default function Banner() {
const [affiliateCode, setAffiliateCode] = useState(null);
useEffect(() => {
if (window.AffiliateSDK?.hasAffiliate()) {
const code = window.AffiliateSDK.getAffiliateCode();
setAffiliateCode(code);
}
}, []);
if (!affiliateCode) return null;
return <div>Referred by: {affiliateCode}</div>;
}vue
<script setup lang="ts">
const affiliateCode = ref(null);
onMounted(() => {
if (window.AffiliateSDK?.hasAffiliate()) {
affiliateCode.value = window.AffiliateSDK.getAffiliateCode();
}
});
</script>
<template>
<div v-if="affiliateCode">Referred by: {{ affiliateCode }}</div>
</template>