vsf-facebook-pixel
Facebook Pixel module for Vue Storefront.
Facebook Pixel documentation: https://developers.facebook.com/docs/facebook-pixel
Main features
This module enables you to seamlessly implement Facebook Pixel functionality to your Vue Storefront app, featuring generation of standard Facebook Pixel events out-of-the-box:
-
PageView
- default event on triggered on every route change -
ViewContent
- triggered on enteringpages/Product.vue
route. Available object properties:content_ids
(viewed Product SKU)content_name
(viewed Product Name)content_type
(set asproduct
)currency
(current Store ViewcurrencyCode
)value
(viewed Product Price)
-
AddToCart
- triggered after Product is added to Cart. Available object properties:content_ids
(added Product SKU)content_name
(added Product Name)content_type
(set asproduct
)value
(added Productprice
*qty
)currency
(current Store ViewcurrencyCode
)
-
AddToWishlist
- triggered after Product is added to Wishlist. Available object properties:content_ids
(added Product SKU)content_name
(added Product Name)content_type
(set asproduct
)value
(added Productprice
*qty
)currency
(current Store ViewcurrencyCode
)
Installation
1. Download the module
Go to your vue-storefront
's modules
catalog and clone the repository with the module.
cd ../vue-storefront/src/modules;git clone https://github.com/new-fantastic/vsf-facebook-pixel.git;
2. Import and register the module
Go to ../vue-storefront/src/modules/index.ts
and add code below
...const registerModules: VueStorefrontModule = ...VsfFacebookPixel...
3. Add new settings to your config
Go to ../vue-storefront/config/local.json
and add code below
"facebookPixel" :
4. Set the module to be ignored by ESLint
Go to ../vue-storefront/.eslintignore
and add code below
src/modules/vsf-facebok-pixel
And that's it! You're good to go :)
Roadmap
Standard events out-of-the-box:
-
PageView
-
ViewContent
-
AddToCart
-
AddToWishlist
-
InitiateCheckout
-
Purchase
-
Search