增加fb Pixel

app/code/Cadence/fbpixel/.gitignore

+/.idea
+.DS_Store
+/*.zip

app/code/Cadence/fbpixel/Block/AbstractBlock.php

+<?php
+
+namespace Cadence\Fbpixel\Block;
+
+use Magento\Framework\View\Element\Template;
+
+class AbstractBlock
+	extends \Magento\Framework\View\Element\Template
+{
+	/** @var \Cadence\Fbpixel\Helper\Data $_helper */
+	protected $_helper;
+
+	public function __construct(
+		\Cadence\Fbpixel\Helper\Data $helper,
+		Template\Context $context,
+		array $data = []
+	) {
+		$this->_helper = $helper;
+		parent::__construct( $context, $data );
+	}
+
+	public function getHelper(){
+		return $this->_helper;
+	}
+
+	public function getSession(){
+		return $this->getHelper()->getSession();
+	}
+
+	public function getCurrencyCode(){
+		return $this->getHelper()->getCurrencyCode();
+	}
+}
\ No newline at end of file

app/code/Cadence/fbpixel/CustomerData/Fpc.php

+<?php
+
+namespace Cadence\Fbpixel\CustomerData;
+
+use Magento\Customer\CustomerData\SectionSourceInterface;
+use Magento\Customer\Helper\Session\CurrentCustomer;
+
+class Fpc implements SectionSourceInterface
+{
+    /** @var \Cadence\Fbpixel\Helper\Data $_helper */
+    protected $_helper;
+
+    /** @var \Magento\Framework\Url\Helper\Data $_urlHelper */
+    protected $_urlBuilder;
+
+    protected $_customerSession;
+
+    protected $_currentCustomer;
+
+    public function __construct(
+        \Magento\Framework\UrlInterface $urlBuilder,
+        \Magento\Customer\Model\Session $customerSession,
+        \Cadence\Fbpixel\Helper\Data $helper,
+        CurrentCustomer $currentCustomer
+    ) {
+        $this->_urlBuilder = $urlBuilder;
+        $this->_customerSession = $customerSession;
+        $this->_helper = $helper;
+        $this->_currentCustomer = $currentCustomer;
+    }
+
+    /**
+     * Get data
+     *
+     * @return array
+     */
+    public function getSectionData() {
+
+        $data = [
+            'events' => []
+        ];
+
+        if ($this->_helper->getSession()->hasAddToCart()) {
+            // Get the add-to-cart information since it's unique to the user
+            // but might be displayed on a cached page
+            $data['events'][] = [
+                'eventName' => 'AddToCart',
+                'eventAdditional' => $this->_helper->getSession()->getAddToCart()
+            ];
+        }
+        return $data;
+    }
+}
\ No newline at end of file

app/code/Cadence/fbpixel/Helper/Data.php

+<?php
+
+namespace Cadence\Fbpixel\Helper;
+
+use Magento\Catalog\Model\Product;
+use Magento\Catalog\Model\ProductRepository;
+use Magento\Framework\App\Config\ScopeConfigInterface;
+use Magento\Framework\App\Helper\AbstractHelper;
+use Magento\Store\Model\ScopeInterface;
+
+
+class Data extends AbstractHelper{
+
+	/** @var \Magento\Checkout\Model\Session $_checkoutSession */
+	protected $_checkoutSession;
+	/** @var \Magento\Sales\Model\OrderFactory $_orderFactory */
+	protected $_orderFactory;
+	/** @var ScopeConfigInterface $_scopeConfig */
+	protected $_scopeConfig;
+	/** @var \Magento\Sales\Model\Order $_order */
+	protected $_order;
+	/** @var \Magento\Catalog\Model\ProductRepository $_productRepository */
+	protected $_productRepository;
+	/** @var \Magento\Store\Model\StoreManagerInterface $_storeManager */
+	protected $_storeManager;
+	/** @var \Cadence\Fbpixel\Model\Session $_fbPixelSession */
+	protected $_fbPixelSession;
+
+	public function __construct(
+		\Magento\Checkout\Model\Session $checkoutSession,
+		\Magento\Sales\Model\OrderFactory $orderFactory,
+		\Magento\Catalog\Model\ProductRepository $productRepository,
+		\Magento\Store\Model\StoreManagerInterface $storeManager,
+		\Magento\Framework\App\Helper\Context $context,
+		\Cadence\Fbpixel\Model\Session $fbPixelSession
+	) {
+		$this->_checkoutSession = $checkoutSession;
+		$this->_orderFactory = $orderFactory;
+		$this->_scopeConfig = $context->getScopeConfig();
+		$this->_productRepository = $productRepository;
+		$this->_storeManager = $storeManager;
+		$this->_fbPixelSession = $fbPixelSession;
+
+		parent::__construct( $context );
+	}
+
+	public function isVisitorPixelEnabled()
+	{
+		return $this->_scopeConfig->getValue('cadence_fbpixel/visitor/enabled');
+	}
+	public function isConversionPixelEnabled()
+	{
+		return $this->_scopeConfig->getValue("cadence_fbpixel/conversion/enabled");
+	}
+
+	public function isAddToCartPixelEnabled()
+	{
+		return $this->_scopeConfig->getValue("cadence_fbpixel/add_to_cart/enabled");
+	}
+
+	public function isAddToWishlistPixelEnabled()
+	{
+		return $this->_scopeConfig->getValue('cadence_fbpixel/add_to_wishlist/enabled');
+	}
+
+	public function isInitiateCheckoutPixelEnabled()
+	{
+		return $this->_scopeConfig->getValue('cadence_fbpixel/inititiate_checkout/enabled');
+	}
+
+	public function isViewProductPixelEnabled()
+	{
+		return $this->_scopeConfig->getValue('cadence_fbpixel/view_product/enabled');
+	}
+
+	public function isSearchPixelEnabled()
+	{
+		return $this->_scopeConfig->getValue('cadence_fbpixel/search/enabled');
+	}
+
+	public function getVisitorPixelId()
+	{
+		return $this->_scopeConfig->getValue("cadence_fbpixel/visitor/pixel_id");
+	}
+
+	/**
+	 * @param $event
+	 * @param $data
+	 * @return string
+	 */
+	public function getPixelHtml($event, $data = false)
+	{
+		$json = '';
+		if ($data) {
+			$json = ', ' . json_encode($data);
+		}
+		$html = <<<HTML
+    <!-- Begin Facebook {$event} Pixel -->
+    <script type="text/javascript">
+        fbq('track', '{$event}'{$json});
+    </script>
+    <!-- End Facebook {$event} Pixel -->
+HTML;
+		return $html;
+	}
+
+	public function getOrderIDs()
+	{
+		$orderIDs = array();
+
+		/** @var \Magento\Sales\Model\Order\Item $item */
+		foreach($this->getOrder()->getAllVisibleItems() as $item){
+			$product = $this->_productRepository->getById($item->getProductId());
+			$orderIDs = array_merge($orderIDs, $this->_getProductTrackID($product));
+		}
+
+		return json_encode(array_unique($orderIDs));
+	}
+
+	public function getOrder(){
+		if(!$this->_order){
+			$this->_order = $this->_checkoutSession->getLastRealOrder();
+		}
+
+		return $this->_order;
+	}
+
+	protected function _getProductTrackID($product)
+	{
+		$productType = $product->getTypeID();
+
+		if($productType == "grouped") {
+			return $this->_getProductIDs($product);
+		} else {
+			return $this->_getProductID($product);
+		}
+	}
+
+	protected function _getProductIDs($product)
+	{
+		/** @var \Magento\Catalog\Model\Product $product */
+		$group = $product->getTypeInstance()->setProduct($product);
+		/** @var \Magento\GroupedProduct\Model\Product\Type\Grouped $group */
+		$group_collection = $group->getAssociatedProductCollection($product);
+		$ids = array();
+
+		foreach ($group_collection as $group_product) {
+
+			$ids[] = $this->_getProductID($group_product);
+		}
+
+		return $ids;
+	}
+
+	protected function _getProductID($product)
+	{
+		return array(
+			$product->getSku()
+		);
+	}
+
+	public function getOrderItemsCount()
+	{
+		$order = $this->getOrder();
+		$qty = 0;
+		/** @var \Magento\Sales\Model\Order\Item $item */
+		foreach($order->getAllVisibleItems() as $item) {
+			// Get a whole number
+			$qty += round($item->getQtyOrdered());
+		}
+		return $qty;
+	}
+
+	public function getCurrencyCode(){
+		return $this->_storeManager->getStore()->getCurrentCurrency()->getCode();
+	}
+
+	public function getSession(){
+		return $this->_fbPixelSession;
+	}
+}
\ No newline at end of file

app/code/Cadence/fbpixel/Model/Session.php

+<?php
+
+namespace Cadence\Fbpixel\Model;
+
+class Session extends \Magento\Framework\Session\SessionManager
+{
+	/**
+	 * @var array
+	 */
+	protected $_ephemeralData = [];
+
+	/**
+	 * @param $data
+	 * @return $this
+	 */
+	public function setAddToCart($data)
+	{
+		$this->setData('add_to_cart', $data);
+		return $this;
+	}
+
+	/**
+	 * @return mixed|null
+	 */
+	public function getAddToCart()
+	{
+		if ($this->hasAddToCart()) {
+			$data = $this->getData('add_to_cart');
+			$this->unsetData('add_to_cart');
+			return $data;
+		}
+		return null;
+	}
+
+	/**
+	 * @return bool
+	 */
+	public function hasAddToCart()
+	{
+		return $this->hasData('add_to_cart');
+	}
+
+	/**
+	 * @param $data
+	 * @return $this
+	 */
+	public function setAddToWishlist($data)
+	{
+		$this->setData('add_to_wishlist', $data);
+		return $this;
+	}
+
+	/**
+	 * @return mixed|null
+	 */
+	public function getAddToWishlist()
+	{
+		if ($this->hasAddToWishlist()) {
+			$data = $this->getData('add_to_wishlist');
+			$this->unsetData('add_to_wishlist');
+			return $data;
+		}
+		return null;
+	}
+
+	/**
+	 * @return bool
+	 */
+	public function hasAddToWishlist()
+	{
+		return $this->hasData('add_to_wishlist');
+	}
+
+	/**
+	 * @return bool
+	 */
+	public function hasInitiateCheckout()
+	{
+		$has = $this->hasData('initiate_checkout');
+		if ($has) {
+			$this->unsetData('initiate_checkout');
+		}
+		return $has;
+	}
+
+	/**
+	 * @return $this
+	 */
+	public function setInitiateCheckout()
+	{
+		$this->setData('initiate_checkout', true);
+		return $this;
+	}
+
+	/**
+	 * @return bool
+	 */
+	public function hasViewProduct()
+	{
+		return $this->_hasEphemeral('view_product');
+	}
+
+	/**
+	 * @return mixed|null
+	 */
+	public function getViewProduct()
+	{
+		if ($this->hasViewProduct()) {
+			$data = $this->_getEphemeral('view_product');
+			$this->_unsetEphemeral('view_product');
+			return $data;
+		}
+		return null;
+	}
+
+	/**
+	 * @param $data
+	 * @return $this
+	 */
+	public function setViewProduct($data)
+	{
+		$this->_setEphemeral('view_product', $data);
+		return $this;
+	}
+
+	/**
+	 * @return bool
+	 */
+	public function hasSearch()
+	{
+		return $this->_hasEphemeral('search');
+	}
+
+	/**
+	 * @return mixed|null
+	 */
+	public function getSearch()
+	{
+		if ($this->hasSearch()) {
+			$data = $this->_getEphemeral('search');
+			$this->_unsetEphemeral('search');
+			return $data;
+		}
+		return null;
+	}
+
+	/**
+	 * @param $value
+	 * @return $this
+	 */
+	public function setSearch($value)
+	{
+		$this->_setEphemeral('search', $value);
+		return $this;
+	}
+
+	/**
+	 * @param $key
+	 * @param $value
+	 * @return $this
+	 */
+	protected function _setEphemeral($key, $value)
+	{
+		$this->_ephemeralData[$key] = $value;
+		return $this;
+	}
+
+	/**
+	 * @param $key
+	 * @return mixed
+	 */
+	protected function _getEphemeral($key)
+	{
+		return isset($this->_ephemeralData[$key])
+			? $this->_ephemeralData[$key]
+			: null;
+	}
+
+	/**
+	 * @param $key
+	 * @return bool
+	 */
+	protected function _hasEphemeral($key)
+	{
+		return isset($this->_ephemeralData[$key]);
+	}
+
+	/**
+	 * @param $key
+	 * @return $this
+	 */
+	protected function _unsetEphemeral($key)
+	{
+		unset($this->_ephemeralData[$key]);
+		return $this;
+	}
+}
\ No newline at end of file

app/code/Cadence/fbpixel/Observer/CatalogControllerProductInitAfter.php

+<?php
+
+namespace Cadence\Fbpixel\Observer;
+
+use Magento\Framework\Event\ObserverInterface;
+
+class CatalogControllerProductInitAfter implements ObserverInterface {
+
+	/** @var \Cadence\Fbpixel\Model\Session $_fbPixelSession */
+	protected $_fbPixelSession;
+	/** @var \Magento\Checkout\Model\Session $_checkoutSession */
+	protected $_checkoutSession;
+	/** @var  \Cadence\Fbpixel\Helper\Data $_fbPixelHelper */
+	protected $_fbPixelHelper;
+
+	public function __construct(
+		\Cadence\Fbpixel\Model\Session $fbPixelSession,
+		\Magento\Checkout\Model\Session $checkoutSession,
+		\Cadence\Fbpixel\Helper\Data $helper
+	) {
+		$this->_fbPixelSession = $fbPixelSession;
+		$this->_checkoutSession = $checkoutSession;
+		$this->_fbPixelHelper         = $helper;
+	}
+
+	/**
+	 * @param \Magento\Framework\Event\Observer $observer
+	 *
+	 * @return void
+	 */
+	public function execute( \Magento\Framework\Event\Observer $observer ) {
+		/** @var Mage_Catalog_Model_Product $product */
+		$product = $observer->getProduct();
+		if (!$this->_fbPixelHelper->isViewProductPixelEnabled() || !$product) {
+			return $this;
+		}
+		$data = [
+			'content_type' => 'product',
+			'content_ids' => [$product->getSku()],
+			'value' => $product->getFinalPrice(),
+			'currency' => $this->_fbPixelHelper->getCurrencyCode(),
+			'content_name' => $product->getName()
+		];
+
+		$this->_fbPixelSession->setViewProduct($data);
+
+		return $this;
+	}
+}
\ No newline at end of file

app/code/Cadence/fbpixel/Observer/InitiateCheckout.php

+<?php
+
+namespace Cadence\Fbpixel\Observer;
+
+use Magento\Framework\Event\ObserverInterface;
+
+class InitiateCheckout implements ObserverInterface {
+
+	/** @var \Cadence\Fbpixel\Model\Session $_fbPixelSession */
+	protected $_fbPixelSession;
+	/** @var \Magento\Checkout\Model\Session $_checkoutSession */
+	protected $_checkoutSession;
+	/** @var  \Cadence\Fbpixel\Helper\Data $_fbPixelHelper */
+	protected $_fbPixelHelper;
+
+	public function __construct(
+		\Cadence\Fbpixel\Model\Session $fbPixelSession,
+		\Magento\Checkout\Model\Session $checkoutSession,
+		\Cadence\Fbpixel\Helper\Data $helper
+	) {
+		$this->_fbPixelSession = $fbPixelSession;
+		$this->_checkoutSession = $checkoutSession;
+		$this->_fbPixelHelper         = $helper;
+	}
+
+	/**
+	 * @param \Magento\Framework\Event\Observer $observer
+	 *
+	 * @return void
+	 */
+	public function execute( \Magento\Framework\Event\Observer $observer ) {
+		if (!$this->_fbPixelHelper->isInitiateCheckoutPixelEnabled()) {
+			return $this;
+		}
+		if (!count($this->_checkoutSession->getQuote()->getAllVisibleItems())) {
+			return $this;
+		}
+
+		$this->_fbPixelSession->setInitiateCheckout();
+
+		return $this;
+	}
+}
\ No newline at end of file

app/code/Cadence/fbpixel/Observer/SalesQuoteProductAddAfter.php

+<?php
+
+namespace Cadence\Fbpixel\Observer;
+
+use Magento\Framework\Event\ObserverInterface;
+
+class SalesQuoteProductAddAfter implements ObserverInterface {
+
+	/** @var \Cadence\Fbpixel\Model\Session $_fbPixelSession */
+	protected $_fbPixelSession;
+	/** @var \Magento\Checkout\Model\Session $_checkoutSession */
+	protected $_checkoutSession;
+	/** @var  \Cadence\Fbpixel\Helper\Data $_fbPixelHelper */
+	protected $_fbPixelHelper;
+
+	public function __construct(
+		\Cadence\Fbpixel\Model\Session $fbPixelSession,
+		\Magento\Checkout\Model\Session $checkoutSession,
+		\Cadence\Fbpixel\Helper\Data $helper
+	) {
+		$this->_fbPixelSession = $fbPixelSession;
+		$this->_checkoutSession = $checkoutSession;
+		$this->_fbPixelHelper         = $helper;
+	}
+
+	/**
+	 * @param \Magento\Framework\Event\Observer $observer
+	 *
+	 * @return void
+	 */
+	public function execute( \Magento\Framework\Event\Observer $observer ) {
+		if(!$this->_fbPixelHelper->isAddToCartPixelEnabled()){
+			return $this;
+		}
+		$items = $observer->getItems();
+		$candidates = array_replace([
+			'content_ids' => [],
+			'value' => 0.00
+		], $this->_fbPixelSession->getAddToCart() ?: array());
+
+		/** @var \Magento\Sales\Model\Order\Item $item */
+		foreach ($items as $item) {
+			if ($item->getParentItem()) {
+				continue;
+			}
+			$candidates['content_ids'][] = $item->getSku();
+			$candidates['value'] += $item->getProduct()->getFinalPrice() * $item->getProduct()->getQty();
+		}
+
+		$data = array(
+			'content_type' => 'product',
+			'content_ids' => $candidates['content_ids'],
+			'value' => $candidates['value'],
+			'currency' => $this->_fbPixelHelper->getCurrencyCode()
+		);
+
+		$this->_fbPixelSession->setAddToCart($data);
+
+		return $this;
+	}
+}
\ No newline at end of file

app/code/Cadence/fbpixel/Observer/Search.php

+<?php
+
+namespace Cadence\Fbpixel\Observer;
+
+use Magento\Framework\Event\ObserverInterface;
+
+class Search implements ObserverInterface {
+
+	/** @var \Cadence\Fbpixel\Model\Session $_fbPixelSession */
+	protected $_fbPixelSession;
+	/** @var \Magento\Checkout\Model\Session $_checkoutSession */
+	protected $_checkoutSession;
+	/** @var  \Cadence\Fbpixel\Helper\Data $_fbPixelHelper */
+	protected $_fbPixelHelper;
+	/** @var \Magento\Search\Helper\Data $_searchHelper */
+	protected $_searchHelper;
+
+	public function __construct(
+		\Cadence\Fbpixel\Model\Session $fbPixelSession,
+		\Magento\Checkout\Model\Session $checkoutSession,
+		\Cadence\Fbpixel\Helper\Data $helper,
+		\Magento\Search\Helper\Data $searchHelper
+	) {
+		$this->_fbPixelSession = $fbPixelSession;
+		$this->_checkoutSession = $checkoutSession;
+		$this->_fbPixelHelper         = $helper;
+		$this->_searchHelper = $searchHelper;
+	}
+
+	/**
+	 * @param \Magento\Framework\Event\Observer $observer
+	 *
+	 * @return void
+	 */
+	public function execute( \Magento\Framework\Event\Observer $observer ) {
+		$text = $this->_searchHelper->getEscapedQueryText();
+
+		if (!$this->_fbPixelHelper->isSearchPixelEnabled() || !$text || !strlen($text)) {
+			return $this;
+		}
+
+		$data = [
+			'search_string' => $text
+		];
+
+		$this->_fbPixelSession->setSearch($data);
+
+		return $this;
+	}
+}
\ No newline at end of file

app/code/Cadence/fbpixel/Observer/WishlistAddProduct.php

+<?php
+
+namespace Cadence\Fbpixel\Observer;
+
+use Magento\Framework\Event\ObserverInterface;
+
+class WishlistAddProduct implements ObserverInterface {
+
+	/** @var \Cadence\Fbpixel\Model\Session $_fbPixelSession */
+	protected $_fbPixelSession;
+	/** @var \Magento\Checkout\Model\Session $_checkoutSession */
+	protected $_checkoutSession;
+	/** @var  \Cadence\Fbpixel\Helper\Data $_fbPixelHelper */
+	protected $_fbPixelHelper;
+
+	public function __construct(
+		\Cadence\Fbpixel\Model\Session $fbPixelSession,
+		\Magento\Checkout\Model\Session $checkoutSession,
+		\Cadence\Fbpixel\Helper\Data $helper
+	) {
+		$this->_fbPixelSession = $fbPixelSession;
+		$this->_checkoutSession = $checkoutSession;
+		$this->_fbPixelHelper         = $helper;
+	}
+
+	/**
+	 * @param \Magento\Framework\Event\Observer $observer
+	 *
+	 * @return void
+	 */
+	public function execute( \Magento\Framework\Event\Observer $observer ) {
+		/** @var \Magento\Catalog\Model\Product $product */
+		$product = $observer->getProduct();
+		if (!$this->_fbPixelHelper->isAddToWishlistPixelEnabled() || !$product) {
+			return $this;
+		}
+
+		$data = [
+			'content_type' => 'product',
+			'content_ids' => [$product->getSku()],
+			'value' => $product->getFinalPrice(),
+			'currency' => $this->_fbPixelHelper->getCurrencyCode()
+		];
+
+		$this->_fbPixelSession->setAddToWishlist($data);
+
+		return $this;
+	}
+}
\ No newline at end of file

app/code/Cadence/fbpixel/README.md

+# cadence/m2-fbpixel
+## Magento 2 Facebook Pixel Implementation
+This extension adds support to Magento 2 for the Facebook Pixel and its associated events. 
+Current event support:
+* Purchase (Checkout)
+* ViewContent
+* AddToCart
+* AddToWishlist
+* Initiate Checkout
+* View Page
+
+### License
+
+GPL 3.0
+
+### More Info
+
+For user guide & full details see: https://www.cadence-labs.com/2017/09/free-magento-2-facebook-tracking-pixel-extension/
+
+

app/code/Cadence/fbpixel/composer.json

+{
+  "name": "cadence/fbpixel-m2",
+  "description": "Facebook Pixel & Events Support For Magento 2.x",
+  "keywords": [
+    "Magento",
+    "Magento 2",
+    "Facebook Pixel",
+    "Facebook"
+  ],
+  "type": "magento2-module",
+  "version": "1.0.0",
+  "license": [
+    "MIT"
+  ],
+  "authors": [
+    {
+      "name": "Cadence Labs",
+      "homepage": "https://www.cadence-labs.com",
+      "email": "info@cadence-labs.com"
+    }
+  ],
+  "autoload": {
+    "files": [
+      "registration.php"
+    ],
+    "psr-4": {
+      "Cadence\\Fbpixel\\": ""
+    }
+  }
+}

app/code/Cadence/fbpixel/etc/acl.xml

+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Acl/etc/acl.xsd">
+    <acl>
+        <resources>
+            <resource id="Magento_Backend::admin">
+                <resource id="Magento_Backend::stores">
+                    <resource id="Magento_Backend::stores_settings">
+                        <resource id="Magento_Config::config">
+                            <!-- this resource id we can use in system.xml for section -->
+                            <resource id="Cadence_Fbpixel::config_cadence_fbpixel" title="Cadence Labs Facebook Pixel" sortOrder="90" />
+                        </resource>
+                    </resource>
+                </resource>
+            </resource>
+        </resources>
+    </acl>
+</config>
\ No newline at end of file

app/code/Cadence/fbpixel/etc/adminhtml/system.xml

+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
+    <system>
+        <tab id="cadence" translate="label" sortOrder="500">
+            <label>Cadence</label>
+        </tab>
+        <section id="cadence_fbpixel"  translate="label" type="text" sortOrder="3000" showInDefault="1" showInWebsite="1" showInStore="1" >
+            <class>separator-top</class>
+            <label>Facebook Pixel</label>
+            <tab>cadence</tab>
+            <resource>Cadence_Fbpixel::config_cadence_fbpixel</resource>
+            <group id="visitor" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
+                <label>Visitor Pixel</label>
+                <field id="enabled" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
+                    <label>Enable</label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                </field>
+                <field id="pixel_id" translate="label" type="text" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
+                    <label>Pixel ID</label>
+                    <comment>This is the pixelId for the facebook pixel (see the install guide for instructions on where to find this).</comment>
+                </field>
+            </group>
+            <group id="conversion" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
+                <label>Conversion Event (Optional)</label>
+                <field id="enabled" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
+                    <label>Enable</label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                    <comment>The base pixel must be enabled to track conversions. Includes parameters for grand total and currency.</comment>
+                </field>
+            </group>
+            <group id="add_to_cart" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
+                <label>Add To Cart (Optional)</label>
+                <field id="enabled" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
+                    <label>Enable</label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                    <comment>The base pixel must be enabled to track addToCart. Includes parameters for all product SKU's added, the total value for added products, and currency.</comment>
+                </field>
+            </group>
+            <group id="add_to_wishlist" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
+                <label>Add To Wishlist (Optional)</label>
+                <field id="enabled" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
+                    <label>Enable</label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                    <comment>The base pixel must be enabled to track addToWishlist. Includes parameters for the product sku added, price of product, and currency.</comment>
+                </field>
+            </group>
+            <group id="inititiate_checkout" translate="label" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
+                <label>Initiate Checkout (Optional)</label>
+                <field id="enabled" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
+                    <label>Enable</label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                    <comment>The base pixel must be enabled to track initiateCheckout. Includes no parameters</comment>
+                </field>
+            </group>
+            <group id="view_product" translate="label" type="text" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
+                <label>View Product (Optional)</label>
+                <field id="enabled" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
+                    <label>Enable</label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                    <comment>The base pixel must be enabled to track viewProduct. Includes parameters for product price, product name, product sku, and currency</comment>
+                </field>
+            </group>
+            <group id="search" translate="label" type="text" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
+                <label>Search (Optional)</label>
+                <field id="enabled" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
+                    <label>Enable</label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                    <comment>The base pixel must be enabled to track search. Includes a parameter for the search string.</comment>
+                </field>
+            </group>
+        </section>
+    </system>
+</config>

app/code/Cadence/fbpixel/etc/config.xml

+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Store:etc/config.xsd">
+    <default>
+        <cadence_fbpixel>
+            <visitor>
+                <enable>0</enable>
+            </visitor>
+            <conversion>
+                <enable>0</enable>
+            </conversion>
+        </cadence_fbpixel>
+    </default>
+</config>
\ No newline at end of file

app/code/Cadence/fbpixel/etc/di.xml

+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
+    <virtualType name="Cadence\Fbpixel\Model\Session\Storage" type="Magento\Framework\Session\Storage">
+        <arguments>
+            <argument name="namespace" xsi:type="string">cadence_fbpixel</argument>
+        </arguments>
+    </virtualType>
+    <type name="Cadence\Fbpixel\Model\Session">
+        <arguments>
+            <argument name="storage" xsi:type="object">Cadence\Fbpixel\Model\Session\Storage</argument>
+        </arguments>
+    </type>
+</config>
\ No newline at end of file

app/code/Cadence/fbpixel/etc/frontend/di.xml

+<?xml version="1.0" encoding="utf-8"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
+    <type name="Magento\Customer\CustomerData\SectionPoolInterface">
+        <arguments>
+            <argument name="sectionSourceMap" xsi:type="array">
+                <item name="cadence-fbpixel-fpc" xsi:type="string">Cadence\Fbpixel\CustomerData\Fpc</item>
+            </argument>
+        </arguments>
+    </type>
+</config>

app/code/Cadence/fbpixel/etc/frontend/events.xml

+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
+    <event name="sales_quote_product_add_after">
+        <observer name="cadence_fbpixel_add_to_cart" instance="Cadence\Fbpixel\Observer\SalesQuoteProductAddAfter" />
+    </event>
+    <event name="wishlist_add_product">
+        <observer name="cadence_fbpixel_add_to_wishlist" instance="Cadence\Fbpixel\Observer\WishlistAddProduct" />
+    </event>
+    <event name="controller_action_predispatch_multishipping_checkout_index">
+        <observer name="cadence_fbpixel_initiate_checkout_multi" instance="Cadence\Fbpixel\Observer\InitiateCheckout" />
+    </event>
+    <event name="controller_action_predispatch_checkout_onepage_index">
+        <observer name="cadence_fbpixel_initiate_checkout_onepage" instance="Cadence\Fbpixel\Observer\InitiateCheckout" />
+    </event>
+    <event name="controller_action_predispatch_checkout_index_index">
+        <observer name="cadence_fbpixel_initiate_checkout_index_index" instance="Cadence\Fbpixel\Observer\InitiateCheckout" />
+    </event>
+    <event name="controller_action_predispatch_catalogsearch_result_index">
+        <observer name="cadence_fbpixel_search" instance="Cadence\Fbpixel\Observer\Search" />
+    </event>
+    <event name="catalog_controller_product_init_after">
+        <observer name="cadence_fbpixel_product_init_after" instance="Cadence\Fbpixel\Observer\CatalogControllerProductInitAfter" />
+    </event>
+</config>
\ No newline at end of file

app/code/Cadence/fbpixel/etc/frontend/sections.xml

+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Customer:etc/sections.xsd">
+    <action name="checkout/cart/add">
+        <section name="cadence-fbpixel-fpc"/>
+    </action>
+</config>
\ No newline at end of file

app/code/Cadence/fbpixel/etc/module.xml

+<?xml version="1.0"?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
+    <module name="Cadence_Fbpixel" setup_version="0.1.0">
+        <sequence>
+            <module name="Magento_Directory"/>
+            <module name="Magento_Checkout"/>
+            <module name="Magento_Sales"/>
+            <module name="Magento_Ui"/>
+
+        </sequence>
+    </module>
+</config>
\ No newline at end of file

app/code/Cadence/fbpixel/registration.php

+<?php
+
+\Magento\Framework\Component\ComponentRegistrar::register(
+    \Magento\Framework\Component\ComponentRegistrar::MODULE,
+    'Cadence_Fbpixel',
+    __DIR__
+);
\ No newline at end of file

app/code/Cadence/fbpixel/view/frontend/layout/checkout_onepage_success.xml

+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © 2017 Cadence Labs LLC. All rights reserved.
+ */
+-->
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceContainer name="after.body.start">
+            <block class="Cadence\Fbpixel\Block\AbstractBlock" name="cadence_fbpixel_conversion" template="Cadence_Fbpixel::cadence/fbpixel/conversion.phtml"/>
+        </referenceContainer>
+    </body>
+</page>

app/code/Cadence/fbpixel/view/frontend/layout/default.xml

+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © 2017 Cadence Labs LLC. All rights reserved.
+ */
+-->
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceBlock name="head.additional">
+            <block class="Cadence\Fbpixel\Block\AbstractBlock" name="cadence_fbpixel_visitor" template="Cadence_Fbpixel::cadence/fbpixel/visitor.phtml"/>
+            <block class="Cadence\Fbpixel\Block\AbstractBlock" name="cadence_fbpixel_events" template="Cadence_Fbpixel::cadence/fbpixel/events.phtml" />
+        </referenceBlock>
+        <referenceBlock name="after.body.start">
+            <block class="Magento\Framework\View\Element\Template" name="cadence.fbpixel.fpc" before="-"
+                   template="Cadence_Fbpixel::cadence/fbpixel/fpc.phtml">
+                <arguments>
+                    <argument name="jsLayout" xsi:type="array">
+                        <item name="components" xsi:type="array">
+                            <item name="cadenceFbpixelFpc" xsi:type="array">
+                                <item name="component" xsi:type="string">Cadence_Fbpixel/js/view/cadence-fbpixel-fpc</item>
+                            </item>
+                        </item>
+                    </argument>
+                </arguments>
+            </block>
+        </referenceBlock>
+    </body>
+</page>
\ No newline at end of file

app/code/Cadence/fbpixel/view/frontend/layout/multishipping_checkout_success.xml

+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © 2017 Cadence Labs LLC. All rights reserved.
+ */
+-->
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceContainer name="after.body.start">
+            <block class="Cadence\Fbpixel\Block\AbstractBlock" name="cadence_fbpixel_conversion" template="Cadence_Fbpixel::cadence/fbpixel/conversion.phtml"/>
+        </referenceContainer>
+    </body>
+</page>
\ No newline at end of file

app/code/Cadence/fbpixel/view/frontend/templates/cadence/fbpixel/conversion.phtml

+<?php
+/** @var Cadence\Fbpixel\Block\AbstractBlock $block */
+$helper = $block->getHelper();
+
+if (!$helper->isConversionPixelEnabled()) {
+	return;
+}
+$id = $helper->getVisitorPixelId();
+?>
+<?php
+/** @var Magento\Sales\Model\Order $order */
+$order = $helper->getOrder();
+
+if (!$order) {
+	//Failsafe for bad order id
+	return;
+}
+
+$grand_total = round($order->getGrandTotal(), 2);
+$currency_code = $block->getCurrencyCode();
+$orderIds = $helper->getOrderIDs();
+$numItems = $helper->getOrderItemsCount();
+?>
+<!-- Facebook Conversion Code for Conversions -->
+<script>
+    fbq('track','Purchase', {
+        value: <?php echo $grand_total ?>,
+        currency: '<?php echo $currency_code ?>',
+        content_ids: <?php echo $orderIds ?>,
+        content_type: 'product',
+        num_items: <?php echo $numItems; ?>
+    });
+</script>
+<noscript><img height="1" width="1" style="display:none"
+               src="https://www.facebook.com/tr?id=<?php echo $id ?>&ev=Purchase&cd[value]=<?php echo $grand_total ?>&cd[currency]=<?php echo $currency_code ?>&cd[num_items]=<?php echo $numItems ?>&noscript=1"
+    /></noscript>
\ No newline at end of file

app/code/Cadence/fbpixel/view/frontend/templates/cadence/fbpixel/events.phtml

+<?php
+/** @var Cadence\Fbpixel\Block\AbstractBlock $block */
+$helper = $block->getHelper();
+$session = $block->getSession();
+$id = $helper->getVisitorPixelId();
+?>
+
+<?php /*if ($helper->isAddToCartPixelEnabled() && $session->hasAddToCart()) : ?>
+	<?php echo $helper->getPixelHtml('AddToCart', $session->getAddToCart()); ?>
+<?php endif;
+ AddToCart Handled by FPC
+ */ ?>
+<?php if ($helper->isAddToWishlistPixelEnabled() && $session->hasAddToWishlist()): ?>
+	<?php echo $helper->getPixelHtml('AddToWishlist', $session->getAddToWishlist()); ?>
+<?php endif; ?>
+<?php if ($helper->isInitiateCheckoutPixelEnabled() && $session->hasInitiateCheckout()): ?>
+	<?php echo $helper->getPixelHtml('InitiateCheckout'); ?>
+<?php endif; ?>
+<?php if ($helper->isViewProductPixelEnabled() && $session->hasViewProduct()): ?>
+	<?php echo $helper->getPixelHtml('ViewContent', $session->getViewProduct()); ?>
+<?php endif; ?>
+<?php if ($helper->isSearchPixelEnabled() && $session->hasSearch()): ?>
+	<?php echo $helper->getPixelHtml('Search', $session->getSearch()); ?>
+<?php endif; ?>

app/code/Cadence/fbpixel/view/frontend/templates/cadence/fbpixel/fpc.phtml

+<div data-role="cadence-fbpixel-fpc" style="display:none;">
+
+</div>
+<script type="text/x-magento-init">
+    {"[data-role='cadence-fbpixel-fpc']": {"Magento_Ui/js/core/app": <?php echo $block->getJsLayout();?>}}
+</script>
\ No newline at end of file

app/code/Cadence/fbpixel/view/frontend/templates/cadence/fbpixel/visitor.phtml

+<?php
+/** @var Cadence\Fbpixel\Block\AbstractBlock $block */
+$helper = $block->getHelper();
+if (!$helper->isVisitorPixelEnabled()) {
+	return;
+}
+$id = $helper->getVisitorPixelId();
+?>
+<!-- Facebook Pixel Code -->
+<script>
+    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+        n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
+        n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
+        t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
+        document,'script','//connect.facebook.net/en_US/fbevents.js');
+
+    fbq('init', '<?php echo $id ?>');
+    fbq('track', "PageView");
+</script>
+<noscript><img height="1" width="1" style="display:none"
+               src="https://www.facebook.com/tr?id=<?php echo $id ?>&ev=PageView&noscript=1"
+    /></noscript>
+<!-- End Facebook Pixel Code -->

app/code/Cadence/fbpixel/view/frontend/web/js/view/cadence-fbpixel-fpc.js

+/**
+ * Copyright © 2013-2017 Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+define([
+    'ko',
+    'uiComponent',
+    'Magento_Customer/js/customer-data'
+], function (ko, Component, customerData) {
+    'use strict';
+    return Component.extend({
+        initialize: function () {
+            var self = this;
+            self._super();
+            //console.log(customerData.get('cadence-fbpixel-fpc')());
+            customerData.get('cadence-fbpixel-fpc').subscribe(function(loadedData){
+                //console.log(loadedData);
+                if (loadedData && "undefined" !== typeof loadedData.events) {
+                    for (var eventCounter = 0; eventCounter < loadedData.events.length; eventCounter++) {
+                        var eventData = loadedData.events[eventCounter];
+                        //console.log(eventData);
+                        if ("undefined" !== typeof eventData.eventAdditional && eventData.eventAdditional) {
+                            //console.log("Tracking: " + eventData.eventName + " , with data: ");
+                            //console.log(eventData.eventAdditional);
+                            fbq('track', eventData.eventName, eventData.eventAdditional || {});
+                        }
+                    }
+                    customerData.set('cadence-fbpixel-fpc', {});
+                }
+            });
+        }
+    });
+});
\ No newline at end of file