CHRS Interactive

<p><strong>Simple Tracking</strong> adds an admin interface where you can easily add your tracking and conversion pixels, such as Google Analytics, Meta Pixel, TikTok Pixel, and more.</p>
<p>Additionally manage all your social media links, and display them on your site using shortcodes or template code.</p>
<h4>Supported Tracking Services</h4>
<ul>
<li>Google Analytics (GA4)</li>
<li>Google Tag Manager</li>
<li>Meta Pixel (Facebook/Instagram)</li>
<li>LinkedIn Insight Tag </li>
<li>Pinterest Tag</li>
<li>TikTok Pixel</li>
<li>Twitter / X Pixel</li>
<li>Snapchat Pixel</li>
</ul>
<h4>Custom Code Injection</h4>
<p>Add custom tracking scripts or code snippets to:</p>
<ul>
<li>Header (wp_head) – Before closing  tag</li>
<li>Body (wp_body_open) – Right after opening  tag</li>
<li>Footer (wp_footer) – Before closing  tag</li>
</ul>
<h4>Available Social Media Platforms</h4>
<ul>
<li>Facebook</li>
<li>Twitter / X</li>
<li>Instagram</li>
<li>Threads</li>
<li>Bluesky</li>
<li>WhatsApp</li>
<li>Pinterest</li>
<li>YouTube</li>
<li>TikTok</li>
<li>Yelp</li>
<li>Snapchat</li>
<li>Discord</li>
<li>WordPress.com</li>
<li>LinkedIn</li>
<li>Tumblr</li>
<li>Flickr</li>
<li>Custom Link 1</li>
<li>Custom Link 2</li>
</ul>
<p>You can use the social media links as PHP code within your template files or as shortcodes within the editor and widgets.</p>
<h4>Social Media Icons</h4>
<p>Display beautiful SVG social media icons with customizable size, color, and style:</p>
<pre><code>[social-icons] - Displays all configured social icons

[social-icons platforms="facebook,twitter,instagram"] - Display specific platforms

[social-icons size="32" color="#000000" hover="#0073aa" style="circle"] - Customize appearance
</code></pre>
<p>Available styles: default, circle, square, rounded</p>
<p>Change default icon settings in the Style tab.</p>
<h4>Social Link Shortcode</h4>
<p>Display a text link to a social media profile:</p>
<pre><code>[social-link social_id="fburl" link_title="Follow us on Facebook"]
</code></pre>
<h4>Template Usage</h4>
<p>Use in your theme templates:</p>
<pre><code><?php
$options = get_option( 'chrs_theme_options' );
echo esc_url( $options['fburl'] );
?>
</code></pre>
<h3>Support</h3>
<p>Please submit your support requests through the WordPress forums for <a href="https://wordpress.org/support/plugin/simple-theme-options/" rel="ugc">Simple Tracking</a>.</p>
<p>For feature requests or suggestions, contact us at hello@chrsinteractive.com</p>


Simple Tracking

Add site-wide tracking codes and conversion pixels. Additionally manage all your social media links, and display them on your site using shortcodes.

Kevin Burkholder

<p><em>{eac}MetaPixel</em> is an <a href="https://eacDoojigger.earthasylum.com/" rel="nofollow ugc">{eac}Doojigger</a> extension which installs the Facebook/Meta Pixel and enables tracking of PageView, Search, ViewContent, AddToCart, InitiateCheckout, AddPaymentInfo, and Purchase events when using <a href="https://woocommerce.com/" rel="nofollow ugc">WooCommerce</a>.</p>
<h4>What is the Meta Pixel?</h4>
<blockquote>
<p>The Meta Pixel is a piece of code on your website that can help you better understand the effectiveness of your advertising and the actions people take on your site, like visiting a page or adding an item to their cart. You’ll also be able to see when customers took an action after seeing your ad on Facebook and Instagram, which can help you with retargeting. And when you use the Conversions API alongside the Pixel, it creates a more reliable connection that helps the delivery system decrease your costs.</p>
</blockquote>
<p><em>See <a href="https://www.facebook.com/business/tools/meta-pixel" rel="nofollow ugc">Meta Pixel</a></em></p>
<p>To retrieve your pixel id, Go to Meta <a href="https://business.facebook.com/events_manager2" rel="nofollow ugc">Events Manager</a> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Data Sources <span aria-hidden="true" class="wp-exclude-emoji">→</span> Your Pixel <span aria-hidden="true" class="wp-exclude-emoji">→</span> Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Pixel ID. Copy your pixel id and paste it into the “Facebook Pixel ID” field of this extension’s settings.</p>
<h4>Pixel Events</h4>
<ul>
<li>Page Views
<ul>
<li>PageView events may occur on all pages or only pages that don’t trigger another event.</li>
</ul>
</li>
<li>Site Search
<ul>
<li>Search result pages.</li>
</ul>
</li>
<li>Content View (archives)
<ul>
<li>Archive (category and tag) pages.</li>
</ul>
</li>
<li>Content View (products)
<ul>
<li>Product pages.</li>
</ul>
</li>
<li>Content View (commerce)
<ul>
<li>Product category, tag, and shop pages.</li>
</ul>
</li>
<li>Content View (cart)
<ul>
<li>The shopping cart page.</li>
</ul>
</li>
<li>Add To Cart
<ul>
<li>Buttons and links that add an item to the cart.</li>
</ul>
</li>
<li>Initiate Checkout
<ul>
<li>The checkout page.</li>
</ul>
</li>
<li>Add Payment Info
<ul>
<li>Billing information on checkout page.</li>
</ul>
</li>
<li>Purchase Completed
<ul>
<li>Purchase confirmation page. (a ‘Purchase’ event is registered as a ‘Subscription’ if the order includes a subscription).</li>
</ul>
</li>
</ul>
<h4>Server Based Conversion API</h4>
<p>Support for the Meta <a href="https://developers.facebook.com/docs/marketing-api/conversions-api" rel="nofollow ugc">Conversion API</a> to track  events directly from your server is included. When using the Conversion API (CAPI), additional information will be passed through the purchase api, including:</p>
<ul>
<li>Customer name (hashed, non-decipherable)</li>
<li>Customer email address (hashed, non-decipherable)</li>
<li>Customer phone number (hashed, non-decipherable)</li>
<li>Customer billing address (hashed, non-decipherable)</li>
<li>Order/cart details (item, quantity, price)</li>
</ul>
<p>To enable the server conversion api, Go to Meta <a href="https://business.facebook.com/events_manager2" rel="nofollow ugc">Events Manager</a> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Data Sources <span aria-hidden="true" class="wp-exclude-emoji">→</span> Your Pixel <span aria-hidden="true" class="wp-exclude-emoji">→</span> Settings. Scroll to Conversions API <span aria-hidden="true" class="wp-exclude-emoji">→</span> Set up manually.</p>
<p>Click the “Generate access token” link under the “Get Started” button. Copy the access token and paste it into the “Server Access Token” field of this extension’s settings.</p>
<blockquote>
<p>Note: Server events require a Meta Business Manager.</p>
</blockquote>
<p>In most cases, the CAPI event will be sent before the Pixel event. When the page is requested, the Pixel code is added to the page at the same time the CAPI event is sent, then when the page loads in the browser, the pixel fires. If the page is cached, the CAPI event may not be sent. <em>Typically, e-commerce pages are not cached.</em></p>
<h4>Advantage+ Catalog Ads</h4>
<p>The Content View (products), Add To Cart, Initiate Checkout, and Purchase Completed events meet the requirements for <a href="https://www.facebook.com/business/help/606577526529702?id=1205376682832142" rel="nofollow ugc">Advantage+ catalog ads</a>.</p>
<ul>
<li>content_type : ‘product’.</li>
<li>content_ids : array of product skus.</li>
</ul>
<h4>Domain Verification</h4>
<p>You may, optionally, add the Facebook Brand Safety domain verification meta tag to your home page.</p>
<p>Go to Meta <a href="https://business.facebook.com/settings/" rel="nofollow ugc">Business Settings</a> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Brand Safety <span aria-hidden="true" class="wp-exclude-emoji">→</span> Domains <span aria-hidden="true" class="wp-exclude-emoji">→</span> Your Domain <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add a meta-tag, and copy just the <em>content=</em> string.</p>
<p>In this example:<br />
    <code><meta name="facebook-domain-verification" content="xyzzy1ndu84mmhaifl5gawo9ntafn8" /></code><br />
We want only <em>xyzzy1ndu84mmhaifl5gawo9ntafn8</em> copied and pasted into the “Domain Verification” field of this extension’s settings.</p>
<h4>Actions and Filters</h4>
<ul>
<li>
<p>Add a custom event to the page.</p>
<p>do_action( ‘eacDoojigger_meta_pixel_add_event’, $eventType, $eventData, $eventID );</p>
</li>
<li>
<p>Get the script code for a custom event (to attach to a DOM event).</p>
<p>$script = apply_filters( ‘eacDoojigger_meta_pixel_event_code’, $eventType, $eventData, $eventID );</p>
</li>
<li>
<p>Modify the event-specific data sent with the pixel and capi.</p>
<p>add_filter(‘eacDoojigger_meta_pixel_eventdata’, function($eventData, $eventType) {<br />
    // modify $eventData array as needed<br />
    return $eventData;<br />
}</p>
</li>
<li>
<p>Modify the user data sent with the capi event.</p>
<p>add_filter(‘eacDoojigger_meta_pixel_userdata’, function($userData, $eventData, $eventType) {<br />
    // modify $userData array as needed<br />
    return $userData;<br />
}</p>
</li>
<li>
<p>Modify the event ID sent with the pixel and capi.</p>
<p>add_filter(‘eacDoojigger_meta_pixel_eventid’, function($eventID, $eventData, $eventType) {<br />
    // modify $eventID as needed<br />
    return $eventID;<br />
}</p>
</li>
<li>
<p>Enable console logging for pixel and capi.</p>
<p>add_filter(‘eacDoojigger_meta_pixel_console’, function($enabled) {<br />
    return true;<br />
}</p>
</li>
<li>
<p>Enable setting the _fbc cookie when fbclid is passed.</p>
<p>add_filter(‘eacDoojigger_meta_pixel_cookie’, function($enabled) {<br />
    return true;<br />
}</p>
</li>
</ul>
<blockquote>
<p>Normally, the pixel code should set the _fbc cookie when first-party cookies are enabled. If this is not getting set, this filter can be used to enable internal code to set the cookie.</p>
</blockquote>
<h4>Additional Information</h4>
<ul>
<li>{eac}MetaPixel is an extension plugin to and requires installation and registration of <a href="https://eacDoojigger.earthasylum.com/" rel="nofollow ugc">{eac}Doojigger</a>.</li>
</ul>
<p>See: <a href="https://business.facebook.com/business/help/402791146561655" rel="nofollow ugc">Specifications for Facebook Pixel Standard Events</a></p>
<h3>Copyright</h3>
<h4>Copyright © 2019-2025, EarthAsylum Consulting, distributed under the terms of the GNU GPL.</h4>
<p>This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.</p>
<p>This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.</p>
<p>You should receive a copy of the GNU General Public License along with this program. If not, see <a href="https://www.gnu.org/licenses/" rel="nofollow ugc">https://www.gnu.org/licenses/</a>.</p>


{eac}Doojigger MetaPixel Extension for WordPress

{eac}MetaPixel installs the Facebook/Meta Pixel to enable tracking of PageView, Search, ViewContent, AddToCart, InitiateCheckout and Purchase events.

Simple Tracking vs {eac}Doojigger MetaPixel Extension for WordPress