cancel
Showing results for 
Search instead for 
Did you mean: 

insert Facebook Pixel script in header tag

SOLVED

insert Facebook Pixel script in header tag

Hello guys, I want to add Facebook pixel script in header tag. In which file or path where i got the header file. Can anyone help me ???

1 ACCEPTED SOLUTION

Accepted Solutions

Re: insert Facebook Pixel script in header tag

If you want to add only script you can add it directly from Admin panel.

Go To Content tab from left side,

Click on Design -> Configuration 

Now edit your theme and click on HTML Head section,

add your script inside,

 Scripts and Style Sheets field and save.

Clear cache.

 

 

If Issue Solved, Click Kudos/Accept As solutions. Get Magento insight from
Magento 2 Blogs/Tutorial

View solution in original post

4 REPLIES 4

Re: insert Facebook Pixel script in header tag

You can get header.phtml file from 

vendor/magento/module-theme/view/frontend/templates/html/header.phtml

path.

If Issue Solved, Click Kudos/Accept As solutions. Get Magento insight from
Magento 2 Blogs/Tutorial

Re: insert Facebook Pixel script in header tag

If you want to add only script you can add it directly from Admin panel.

Go To Content tab from left side,

Click on Design -> Configuration 

Now edit your theme and click on HTML Head section,

add your script inside,

 Scripts and Style Sheets field and save.

Clear cache.

 

 

If Issue Solved, Click Kudos/Accept As solutions. Get Magento insight from
Magento 2 Blogs/Tutorial

Re: insert Facebook Pixel script in header tag

I want add Facebook pixel code in this page..this is my code

<!-- 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',

  'https://connect.facebook.net/en_US/fbevents.js');

  fbq('init', '290769584684XXX');

  fbq('track', 'PageView');

</script>

<noscript><img height="1" width="1" style="display:none"

  src="https://www.facebook.com/tr?id=290769584684291&ev=PageView&noscript=1"

/></noscript>

<!-- End Facebook Pixel Code -->

 

 

and this is my header.phtml file

<?php
/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

/**
 * @var \Magento\Theme\Block\Html\Header $block
 */
$welcomeMessage = $block->getWelcome();
?>
<?php switch ($block->getShowPart()):
    case 'welcome': ?>
        <li class="greet welcome" data-bind="scope: 'customer'">
            <!-- ko if: customer().fullname  -->
            <span data-bind="text: new String('<?php echo $block->escapeHtml(__('Welcome, %1!', '%1'));?>').replace('%1', customer().firstname)">
            </span>
            <!-- /ko -->
            <!-- ko ifnot: customer().fullname  -->
            <span data-bind="html:'<?=$block->escapeHtml($welcomeMessage) ?>'"></span>
            <!-- /ko -->
        </li>
        <script type="text/x-magento-init">
        {
            "*": {
                "Magento_Ui/js/core/app": {
                    "components": {
                        "customer": {
                            "component": "Magento_Customer/js/view/customer"
                        }
                    }
                }
            }
        }
        </script>
<?php break; ?>

<?php case 'other': ?>
<?php echo $block->getChildHtml(); ?>
<?php break; ?>

<?php endswitch; ?>


So, Tell me where i put this code in this header.phtml

Re: insert Facebook Pixel script in header tag

 

<?php
/**
* Copyright © 2016 Magento. All rights reserved.
* See COPYING.txt for license details.
*/

// @codingStandardsIgnoreFile

/**
* @var \Magento\Theme\Block\Html\Header $block
*/
$welcomeMessage = $block->getWelcome();
?>
<?php switch ($block->getShowPart()):
case 'welcome': ?>
<li class="greet welcome" data-bind="scope: 'customer'">
<!-- ko if: customer().fullname -->
<span data-bind="text: new String('<?php echo $block->escapeHtml(__('Welcome, %1!', '%1'));?>').replace('%1', customer().firstname)">
</span>
<!-- /ko -->
<!-- ko ifnot: customer().fullname -->
<span data-bind="html:'<?=$block->escapeHtml($welcomeMessage) ?>'"></span>
<!-- /ko -->
</li>
<script type="text/x-magento-init">
{
"*": {
"Magento_Ui/js/core/app": {
"components": {
"customer": {
"component": "Magento_Customer/js/view/customer"
}
}
}
}
}
</script>
<?php break; ?>

<?php case 'other': ?>
<?php echo $block->getChildHtml(); ?>
<?php break; ?>

<?php endswitch; ?>
<!-- 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',

'https://connect.facebook.net/en_US/fbevents.js');

fbq('init', '290769584684XXX');

fbq('track', 'PageView');

</script>

<noscript><img height="1" width="1" style="display:none"

src="https://www.facebook.com/tr?id=290769584684291&ev=PageView&noscript=1"

/></noscript>

<!-- End Facebook Pixel Code -->
If Issue Solved, Click Kudos/Accept As solutions. Get Magento insight from
Magento 2 Blogs/Tutorial