LogoLogo
Become a partnerSell a traffic
  • Introduction
    • Spot - Ads for mini-apps
    • How does Spot work?
    • Payments
      • How to make a deposit?
      • How to withdraw my earnings?
    • Advertisers - Campaigns
      • How to launch a campaign?
      • Moderation and rules
      • Post-campaign analysis
    • Publishers - Platforms
      • How to add a platform?
  • Code integration
    • Getting started
    • How to get an API key?
    • Code examples
  • Reference
    • API Reference
  • Other
    • Troubleshooting
    • Glossary
Powered by GitBook
LogoLogo

@ Spot Ads 2024

On this page
  1. Code integration

Code examples

React

./src/App.jsx

import { SpotAdsProvider } from "spot-ads-react";
import MyComponent from "./MyComponent";

const App = () => {
  return (
    <SpotAdsProvider apiKey="YOUR_API_KEY">
      <MyComponent />
    </SpotAdsProvider>
  );
}

export default App;

./src/MyComponent.jsx

import { useSpotAd } from "spot-ads-react";

const MyComponent = () => {
  const spotAd = useSpotAd();

  const onSuccess = () => {
    console.log("Ad is showed!");
  };

  const onError = (error) => {
    console.error("Ad failed to show:", error);
  };

  function showSpotAd() {
    spotAd.showAd(onSuccess, onError);
  }

  return (
    <div>
      <button onClick={showSpotAd}>Show Spot Ad</button>
    </div>
  );
}

export default MyComponent;
PreviousHow to get an API key?NextAPI Reference

Last updated 6 months ago