Forum Activity for @derrickhand300

derrickhand300
@derrickhand300
02/04/16 06:03:58AM
1,353 posts

Share this issue with facebook


Using Jamroom

Yes- if you want them in the HEAD section you will need to add the facebook meta data to the meta.tpl
Checking your HOME page source I also am not seeing it...if you are using something like CLOUDFLARE you may need to run it in development mode and reset the cache-otherwise if you have it in the meta.tpl it will show up
You may also need to check and see if you are overriding the meta.tpl somewheres...for instance if you are editing the template on the server BUT have the checkbox in the Jamroom Templates checked that may be overriding your edits on the server...

Those are the two most common mistakes i have made in the past- but if its in the meta.tpl and that template is active- your FB stuff will show in the page source.

Hope that helps
derrickhand300
@derrickhand300
02/03/16 12:15:35PM
1,353 posts

Share this issue with facebook


Using Jamroom

:) SURE
<!-- Facebook OG -->
    <meta id="ogtitle" property="og:title" content="The News Talkers"/>  
    <meta id="ogdescription" property="og:description" content="Your source for discussing the latest news and headlines from around the world"/>
    <meta id="ogimage" property="og:image" content="YOUR INFO"/>
    <meta id="ogurl" property="og:url" content="http:thenewstalkers.com"/>

The image URL would be your header image or whatever image of choice uploaded to a test page- then copy that URL and change the size ( 3 numbers on the end) to 800
derrickhand300
@derrickhand300
02/03/16 11:37:38AM
1,353 posts

Share this issue with facebook


Using Jamroom

yes just type "test" after your site url and create the page- then open a widget and upload the image...not sure why but I have been doing this since I started and the images i upload are never removed from the server...so i just host them that way.

Just to be clear I know that YOU know I am also new to all this-but for anyone else reading I AM NO EXPERT- just have been able to make things work for myself..

With that said...I just looked at the source code for the head section of your site -I dont see ANY FB meta data...
If i were you I would use this code-
<!-- Facebook OG -->
    <meta id="ogtitle" property="og:title" content="YOUR INFO"/>  
    <meta id="ogdescription" property="og:description" content="YOUR INFO"/>
    <meta id="ogimage" property="og:image" content="YOUR INFO"/>
    <meta id="ogurl" property="og:url" content="YOUR INFO"/>

Fill in all the blanks then add it to your meta.tpl
I really think that will solve your problems-just remember to change the image size in the URL to 800 ( for facebook display)

Worth a test- you can always delete it

updated by @derrickhand300: 02/03/16 11:38:40AM
derrickhand300
@derrickhand300
02/03/16 11:24:46AM
1,353 posts

Share this issue with facebook


Using Jamroom

Host the image by uploading it to a test page on your site using the site builder-embed image in the tinymce editor- then switch the tinymce editor to html code view and copy the image url....then add it to your meta.tpl using
<meta id="ogimage" property="og:image" content="YOUR IMAGE URL"/>


Be sure and change the 3 numbers at the end of the url to 800-that should size it for FB
http://yoursite.com/upimg/image/upimg_file/776/800"

Not sure why you are putting it in the footer or even the header...it belongs in the meta.tpl or the HEAD section which I think is different from the header.tpl

updated by @derrickhand300: 02/03/16 11:28:46AM
derrickhand300
@derrickhand300
02/03/16 10:24:51AM
1,353 posts

Share this issue with facebook


Using Jamroom

Here I made a quick video of creating a page then adding all the facebook OG data needed- it will better explain the above post-I hope this helps
Jamroom-Config Facebook OG Meta Tags

I would copy this code into a notepad file and save it- then edit it each time you need to config a page for facebook

<!-- Facebook OG -->
    <meta id="ogtitle" property="og:title" content="YOUR INFO"/>  
    <meta id="ogdescription" property="og:description" content="YOUR INFO"/>
    <meta id="ogimage" property="og:image" content="YOUR INFO"/>
    <meta id="ogurl" property="og:url" content="YOUR INFO"/>

updated by @derrickhand300: 02/03/16 10:29:59AM
derrickhand300
@derrickhand300
02/03/16 10:02:44AM
1,353 posts

Share this issue with facebook


Using Jamroom

Sorry I have been away- maybe I can help
Try making your image 1386x721 or somewhere close that works out- thats a good default for FB sharing
If you want EACH page of your site to show the content for THAT PARTICULAR page then you may need to define the meta data for Facebook manually ( I do this on EVERY post) typing it here may seem complicated buts its really not and can be done in just a minute or two
You this code to begin with
<!-- Facebook OG -->
    <meta id="ogtitle" property="og:title" content="ADD YOUR ARTICLE/POST TITLE HERE BETWEEN COMMAS"/>  
    <meta id="ogdescription" property="og:description" content="ADD YOUR ARTICLE DESCRIPTION HERE BETWEEN COMMAS"/>
    <meta id="ogimage" property="og:image" content="NOW USING CHROME-RIGHT CLICK ON THE IMAGE IN YOUR ARTICLE YOU WANT DISPLAYED AND SELECT "COPY IMAGE ADDRESS" THEN PASTE THAT ADDRESS HERE THEN CHANGE THE IMAGE SIZE TO 800 ( CHANGE IT NO MATTER WHAT SIZE THE IMAGE IS IN YOUR ARTICLE-THE 800 DISPLAYS GREAT ON FACEBOOK POSTS"/>
    <meta id="ogurl" property="og:url" content="ADD THE URL OF THE WEBPAGE HERE"/>



When you get the above code altered then copy it and go to the page the code represents THEN go to SITEBUILDER>PAGE CONFIG> and select the PAGE SETTINGS tab...there you will see a box that says PAGE HEAD HTML....paste your facebook data there and save/exit... then go to
https://developers.facebook.com/tools/debug/
and enter the page URL into the debug box and hit the debug button THREE times...this forces facebook to rescrape your page data...scroll to the bottom and you should see how its displayed...I need to make post an article soon here I will take a screen video...it seems complicated but it really only takes a minute- just remember to save the above FACEBOOK OG code above to a notepad file- then open it and reuse it each time altering the information as needed
derrickhand300
@derrickhand300
02/03/16 09:46:02AM
1,353 posts

A question about photo quality


Using Jamroom

you might try uploading it as size 1280
example http://mysite.com/upimg/image/upimg_file/774/1280
Then in the code on the page where you are displaying the image change the "1280" to the size you want
derrickhand300
@derrickhand300
01/23/16 07:56:21PM
1,353 posts

Need CSS Help


Using Jamroom

Also no RESET buttons are showing up in the style tab footer.css- because all the changes are on the server-there is a button that says RESET SKIN STYLE which i am afraid to click-I dont know what will be lost
derrickhand300
@derrickhand300
01/23/16 07:52:40PM
1,353 posts

Need CSS Help


Using Jamroom

I have also checked EVERY style sheet on my server=this code
#footer {
    background-color: #D1D0CE !important;
}
still cannot figure out why its on the site-other cache changes are clearing fine
is not in ANY of the sites style sheets
derrickhand300
@derrickhand300
01/23/16 07:50:23PM
1,353 posts

Need CSS Help


Using Jamroom

I dont know if this helps...but I just erased my entore footer.ccc file- cleared my browser cache- cleared my site cache- did integrity check-also disabled Cloudflare and PURGED EVERYTHING

Still the entire footer is still intact...through the last few days i have erased the data/cache file several time- no help

I dont have ANY template codes overriding the site using the style/templates- all my changes are made on the server..
  52