Facebook Pixel Library

Overview

The Facebook Pixel library provides a simple and convenient way to integrate Facebook Pixel tracking into your web applications. The library offers methods for configuring the Facebook Pixel and tracking various events with optional data.

``javascript
import { fb } from '@/facebookPixel'

fb.config({
autoPageView: true,
pixel: 'YOUR_PIXEL_ID'
})
`

Table of Contents

##### 1. Installation

##### 2. Usage

- Configuring Facebook Pixel
- Tracking Events
- In nuxt 3 project
- In vue project

##### 3. API Reference

Installation

To use the Facebook Pixel library in your project, you can install it via your preferred package manager. For example, using npm:

`bash
npm install facebook-pixel
`

Usage

$3

To configure the Facebook Pixel, instantiate the FacebookPixel class and call the config method with the desired options:

`javascript
import { fb } from 'facebook-pixel'

fb.config({
autoPageView: true,
pixel: 'YOUR_PIXEL_ID',
disabled: true
})
`

Tracking Events

Tracking documentation

To track events with optional data, use the track method of the FacebookPixel class:

`javascript
import { fb } from 'facebook-pixel'

// Track event without data
fb.track('Contact')

// Track event with data
fb.track('Purchase', { value: '0.00', currency: 'USD' })
`

In nuxt 3 project

$3

`javascript
//plugins/facebookPixel.client.ts

import { fb } from 'facebook-pixel'

export default defineNuxtPlugin(() => {
fb.config({ autoPageView: false, pixel: 'YOUR_PIXEL_ID' })
fb.track('Purchase', { value: '0.00', currency: 'USD' })
})
`

In vue project

$3

`javascript
//src/main.ts

import { fb } from 'facebook-pixel'

export default defineNuxtPlugin(() => {
fb.config({ autoPageView: false, pixel: 'YOUR_PIXEL_ID' })
})
`

$3

`javascript
//src/components/pages/index.vue


`

API Reference

config(options: FacebookPixelConfig): void
Configures the Facebook Pixel based on the provided options.

track(event: EventWithoutData): void
Tracks a Facebook event without data.

track(event: EventWithData, data: EventData): void`
Tracks a Facebook event with optional data.