gtm fb pixel code showing on web page - facebook

does anyone know what the problem could be to cause the facebook pixel code to show on the webpages of the site when the code is placed in google tag manager? I've place the gtm code in the head and body as instructed. I'm noticing this code at the bottom of each page of the website:
fbq('track', 'ViewContent'); fbq('track', 'Lead', { value: 5.00, currency: 'USD' }
Is there a way to keep this from showing?

Related

Content shared to a Facebook page that I manage is only visible to me

I am trying to share content from a website that I own to my Facebook page like this (using django but I don't think this causes the problem):
document.getElementById('FBshareBtn').onclick = function() {
FB.ui({
method: 'share',
display: 'popup',
href: '{{ site_url }}{{ request.get_full_path }}',
}, function(response){});
};
Everything works as normal. Sharing pop up window opens up and I choose to post to a page that I manage as the administrator of that page.
Content is indeed shown to my facebook page after a while, but only me can see it. Users that have liked/are following the page cannot see it.
They can see content created from inside my facebook page, though.
For some reason, content shared from another website is "hidden".
PS: I haven't purchased a domain, yet, for my website so I am using numerical IP (e.g. 'http://188.55.66.28:8008/articles/view/1') when I am sharing.
What am I doing wrong?
If posted stuff is only visible to you, go to "App Review" in your App settings and make sure the checkbox for live is set to the correct status:
ON - Your app is currently live and available to the public.

Facebook Pixel Helper doesn't load

I've installed the Facebook Pixel by following the Facebook tutorial, just before the </head> tag in my Joomla website. My pixel doesn't have any action included, just the default PageView inside the script block code.
The test traffic show that my Facebook Pixel is enabled, although the Facebook Pixel Helper plugin is giving me the following error:
"The Facebook pixel code on this page didn't load, so no information was sent to Facebook."
Any clue how to solve this problem?

Facebook Pixel ViewContent Issue

having issues implementing Facebook Pixel ViewContent event into a website.
Looked everywhere online for answers but nothing is coming up and I have found websites using the same Event, and they use it the same way I do.
I'm basically getting the following error within my Facebook Business account:
Missing content_type parameter from "ViewContent" in James Glen Car Sales's Pixel
However the following code is on the website:
fbq('track', 'ViewContent', {
content_type: 'vehicle',
content_ids: ['1431445']
});
which is what all guides recommend.
Here a link to the page which is having the issue:
https://www.jamesglen.co.uk/used-audi-a4-airdrie-lanarkshire-1431445
I looked at your website and it appears that you are using content_type wrong.
You can only use "product" or "product_group" in the content_type field.
You can read more information here:
https://developers.facebook.com/docs/marketing-api/dynamic-product-ads/product-audiences/v2.8/#content_type

FB.ui dialog (iframe) is invisible

i am trying to add the stream.publish functionality to my web app, but i'm having a problem with the 'feed' dialog.
My code is the following:
var obj = {
method: 'feed',
display: 'iframe',
name: data.name,
link: data.link,
picture: data.picture,
caption: data.name,
description: data.description,
message: data.message,
actions: [{
name: data.actions.name,
link: data.actions.link
}],
user_message_prompt: ''
}
var resp = FB.ui(obj, function(response) {
alert("DONE");
});
I can make it work if i use 'popup' instead of 'iframe' but that's not what i want.
Any ideas why the feed is just not appearing in my screen???
Thanks!
As described in Dialogs documentation
If you specify iframe, you must have a valid access_token. To get a valid access_token, please see the Authentication guide
Update:
Seems there is couple of other statements that may lead to this behaviour:
iframe: Display the dialog in a lightbox iframe on the current page. Because of the risk of clickjacking, this is only allowed for some certain dialogs, and requires you to pass a valid access_token.
And this one.
On Facebook canvas pages, Dialogs are supported only for iframe applications
There is also open BUG #246637628719849 about "Send Dialog" not working with as iframe in Page Tabs (which may, or may not be related).
Update2:
Actually in all my applications I've user FB.ui without specifying display since at the time of implementation of Dialogs iframe wasn't working well in most cases, and without it Facebook JS-SDK trying to use most appropriate display mode...
Update3:
OP had fb-root within other DOM element which was hidden, causing Dialog to be invisible (as he stated in comment)

Facebook JavaScript SDK: FB.ui opens a popup window

I am trying to show a 'Post to Your Wall' feed dialog with the following code in a facebook iframe app:
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
FB.init({
appId:'249725835046216', cookie:true,
status:true, xfbml:true
});
FB.ui({ method: 'feed',
message: 'Facebook for Websites is super-cool',
name: 'Facebook Dialogs',
link: 'http://developers.facebook.com/docs/reference/dialogs/',
picture: 'http://fbrell.com/f8.jpg',
caption: 'Reference Documentation',
description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
});
</script>
The problem is that it is appearing in a new popup window like this:
Instead of appearing as like this without appearing in a popup window:
I don't want the feed dialog to appear in a new popup windows because in most modern web browsers where popups are blocked. I don't know why this is happening. Please help.
I'm pretty sure that you get a popup if the user has not authorized your application. Facebook made it work that way for security reasons. If you prompt for authorization first, then you should get the inline dialog.
Note that the request for authorization will itself be a popup, but you only have to have that happen once. I have things working this way, the way you want, in the someecards Facebook app. Feel free to grab the javascript code, it's not specific to the app.
Try this, put FB.ui inside FB.getLoginStatus:
FB.getLoginStatus(function(response) {
if (response.authResponse) {
FB.ui({
method: 'feed',
...
display: 'dialog'
});
}
});
in my case the problem seems to have been solved by seting display to async
display: 'async',
i think this is default for page tabs and canvas, but from time to time, instead of appearing within the main window it would load a new popup..
after setting it though (page tab in my case) i haven't noticed any pop up coming up since then..
I know this is a bit old, but I stumbled across this page when trying to solve this problem for myself and none of the answers here worked for me.
For the benefit of anyone else who has this problem, this was happening for me because I was trying to call the dialog on page load. Moving it to a user triggered event (such as a click) resolved it for me.
I have the same UI issue and I don't like the pop up window too.
I just found a link.
It helps us to redirect the page in same window. But it does not solve our problem perfectly.
There's a "URL Redirection" section in the docs for the Feed Dialog:
https://www.facebook.com/dialog/feed?
app_id=145634995501895
&display=popup&caption=An%20example%20caption
&link=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
&redirect_uri=https://developers.facebook.com/tools/explorer
So you can do window.location=(this url) in Javascript, setting the redirect_url correctly, and this should work without a popup.
Note that the Feed Dialog is now deprecated in v2.0, so check out the Share Dialog instead:
To share a link:
https://www.facebook.com/dialog/share?
app_id=145634995501895
&display=popup
&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
&redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer
To share an Open Graph story:
https://www.facebook.com/dialog/share_open_graph?
app_id=145634995501895
&display=popup
&action_type=og.likes
&action_properties=%7B%22object%22%3A%22https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F%22%7D
&redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer
The 'display=popup' bit affects how the share screen looks, it doesn't open a new window. Possible values for display are:
async, iframe, page, popup, touch, wap