emilpriver / facebook-conversion-api-nextjs

Facebook Conversion API for Next.js

Facebook Conversion API for Next.js

Next.js wrapper for Facebook's Conversion API

Install

npm install @rivercode/facebook-conversion-api-nextjs

1. Create Next.js API Route

pages/api/fb-events.js

import { FBEventsHandler } from '@rivercode/facebook-conversion-api-nextjs/handlers';

export default FBEventsHandler;

Add Facebook Access Token and Pixel ID

.env

FB_ACCESS_TOKEN=accessToken
FB_PIXEL_ID=pixelID

Read more here on how you can get your access token and pixel id.

2. Start Sending Events

import { FBEvent } from '@rivercode/facebook-conversion-api-nextjs';

FBEvent({
  eventName: 'ViewContent', // ViewContent, AddToCart, InitiateCheckout or Purchase
  emails: ['email1', 'email2'], // optional
  phones: ['phone1', 'phone2'], // optional
  products: [{
    sku: 'product123',
    quantity: 1,
  }],
  value: 1000,
  currency: 'USD',
  debug: true // default false
});