Search the Community

Hi, I used two forum articles to get pretty far in fixing what Facebook sees on a details page that Caspio creates. Could you help me fix this so that specific product details are shown in the Facebook URL preview? I added a script based on Jan's suggestions in these articles and I need help to correct the javascript. http://forums.caspio.com/index.php/topic/4148-fieldsparameters-in-browser-tabs/?hl=%2Bpage+%2Btitle http://forums.caspio.com/index.php/topic/4297-facebook-open-graph-meta-tags/?hl=facebook When I add a caspio-related details page URL into a Facebook status, it automatically puts gobbledy gook instead of the content that I am trying to specify with OG code. Shown here: http://prntscr.com/5jxrw9 Page title Click here to load this Caspio online database. Click here to load this Caspio online database. Click here to load this Caspio online database. Click here to load this Caspio online database. Click here to load this Caspio online database. Click here to load this Caspio online database. From what I can tell, this is because of the embedded code when I use the Wordpress Caspio plugin. It looks like one of the problems is that Facebook believes it knows my canonical URL and is not looking at the product ID parameter to see what OG data is there. I want the data to be specific to each product page and not be generic. Here is what I put in the Header data page element. How can this be fixed? I don't see how to modify the Facebook OG code to conform to Jan's javascript provided. (https://developers.facebook.com/docs/payments/product) <style type="text/css"> #Mod0EditRecord, #Mod0CancelRecord{ display: none; } </style> <SCRIPT LANGUAGE="JavaScript"> window.onload= function() { document.title ="[@field:product_NAME] | [@field:product_MANUFACTURERorig] | Adjectivs"; head prefix= "og: fb: product: http://ogp.me/ns/product#" og:title ="[@field:product_NAME] | [@fild:product_MANUFACTURERorig] | Adjectivs"; og:type ="product"; fb:app_id ="259344627418443": og:url ="http://adjectivs.com/product-details-caspio/?product_Product_UID=[@field:product_Product_UID] />; og:image ="[@field:product_IMAGEURL]"; } </SCRIPT>

Has anyone had issues with deploying the Facebook Open Graph meta tags in the Header of a datapage? I placed the core OG tags in the Header of a datapage and then ran the URL through Facebook's Open Graph Object Debugger. I received the following error: "Your page has meta tags in the body instead of the head. This may be because your HTML was malformed and they fell lower in the parse tree. Please fix this in order for the tags to be usable." Does anyone have any insight into this issue? Facebook is taking the Datapage name and treating it as the OG:Title tag rather than the declared value. Thank you in advance Brad