When you use the validator, if it passes, it should ask you to submit it so that the tags will actually be used in future tweets as the preview. If you don't see that option, all is good, it means you're probably already approved.
I will have to wait and see if the correct image starts appearing in the tweets.
Nope. The validator is like Facebook's Open Graph tool. It's just to test the tags. Once you've submitted for approval, your whole domain will be approved and you'll never have to do that again.
This is really good to know, I was fearing that I would have to validate as part of the articles editing process.
I'm not sure at all what's causing that. Something on the server is preventing them from contacting your site. That's a problem that's likely outside of our ability to help.
I have been perusing the forums, and it seems the validator goes down from time to time, so maybe that is what I am experiencing. I asked Twitter if this was the case and I will let you know what they tell me when they get back to me.
twitter:site is an optional tag. You can add it if you want, but it's not required.
Thanks, since Twitter makes a big deal about this how would I add it other than manually?
Right now, we only support the summary card by default. You may be able to set a custom tag on specific pages for other card types, but I'd have to look into how to do that better.
I can't add another head tag so I will have to think about how to do that on a page by page basis. I see that as a major coding issue for you because you would have to add that as attribute to the plugin tag and an option in the module; adds another level of complexity.
First, I am not sure what it means to submit the site to twitter for approval. Is that the same as running a page through their Card Validator? Our Twitter App has been approved since December 18, 2014.
Also I would assume that I have to validate for every page that I want to have Tweeted. Is that correct?
I am getting the following error when running the Twitter Card Validator:
9/11 Truth Outreach @911TruthOut
The card for your website will look a little something like this!
Unable to render Card preview
ERROR: FetchError:exceeded 4.seconds to Portal.Pink-constructor-safecore while waiting for a response for the request, including retries (if applicable) (Card error)
When I look up this error, it indicates that the robots.txt file doesn't allow twitterbot access to the site.
When I explicitly allow twitterbot access to the entire site:
I still get the same error message when running the Twitter Card Validator.
I am obviously missing something here: Should I ask twitter to determine the problem?
I noticed the HTML for the page I was validating that the twitter:site meta tag isn't present. Is this the one instance where the twitter meta tag has to be present? i.e. <meta name="twitter:site" content="@911TruthOut" />
Also Twitter does use the Open Graph og: tags in the event that there aren't the equivalent twitter:card tags.
Twitter Cards and Open Graph
You’ll notice that Twitter card tags look similar to Open Graph tags, and that’s because they are based on the same conventions as the Open Graph protocol. If you’re already using Open Graph protocol to describe data on your page, it’s easy to generate a Twitter card without duplicating your tags and data. When the Twitter card processor looks for tags on your page, it first checks for the Twitter property, and if not present, falls back to the supported Open Graph property. This allows for both to be defined on the page independently, and minimizes the amount of duplicate markup required to describe your content and experience.
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@nytimesbits" />
<meta name="twitter:creator" content="@nickbilton" />
<meta property="og:url" content="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/" />
<meta property="og:title" content="A Twitter for My Sister" />
<meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling." />
<meta property="og:image" content="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg" />
And there are several types of Twitter Cards such as:
Summary Card: Default Card, including a title, description,
thumbnail, and Twitter account attribution.
Summary Card with Large Image: Similar to a Summary Card, but
with a prominently featured image.
Photo Card: A Card with a photo only.
Gallery Card: A Card highlighting a collection of four photos.
App Card: A Card to detail a mobile app with direct download.
Player Card: A Card to provide video/audio/media.
Product Card: A Card optimized for product information.
How do I indicate these cards for different types of content pages in JFBConnect?
Thanks Alex, that solved that problem and the Facebook "Recommend" Action I created looks really great now, as does the Facebook Like and Google+ actions for the "Content Plugin - K2 Like" plugin. But when testing the twitter button in the "Content Plugin - K2 Like" ensemble, twitter displays the site image instead of the K2 Item image for the page even though the twitter meta tag indicates the correct image.
<meta name="twitter:image" content="https://www.911truthoutreach.org/media/k2/items/cache/64f7b8990be2d94add5152c155ac4915_XL.jpg"/>
<meta property="og:image" content="https://www.911truthoutreach.org/media/k2/items/cache/64f7b8990be2d94add5152c155ac4915_XL.jpg"/>
<meta property="og:image" content="https://www.911truthoutreach.org/images/site/template/facebook-911to-logo.jpg"/>
The Facebook Like action causes the correct image to be displayed on the users timeline for Likes, but on the twitter "What's Happening" center section, the site logo is displayed instead. Is there some way I can remedy this, or should I use individual tags for each page? I am hoping that I can use the site wide "Content Plugin - K2 Like" plugin, as that means a lot less work and maintenance for me.
Another thing for twitter, I am trying to keep the character count down so I have created an alias for https://www.911truthoutreach.org of http://911to.org.
I am using the Joomla redirect manager to re-direct requests to something like https://www.911truthoutreach.org/Ca-Deals-w-911/, to https://www.911truthoutreach.org/557-ne … 9-11.html. This results in the URL: http://911to.org/Ca-Deals-w-911/ being redirected to: https://www.911truthoutreach.org/557-ne … -9-11.html (this actually is working), saving a lot of characters that can be better used for description.
Is there a way in JFBConnect to change the base URL to http://911to.org/ and is there a way that I can manually set the page reference to the shorter name, which will then be reconstructed when someone clicks on that link on the Social Media pages though our DNS server and the Joomla Redirect Manager?
Now I am getting this:
1 mary.chaisen Recommend Article Error /557-news-releases/407-music-matters.html Invalid parameter 2014-12-27 23:15:47
2 mary.chaisen Recommend Article Error /557-news-releases/409-torture-intentionally-amplified-the-false-storyline-of-9-11.html Invalid parameter 2014-12-27 23:13:34
3 mary.chaisen Recommend Article Error /557-news-releases/409-torture-intentionally-amplified-the-false-storyline-of-9-11.html Invalid parameter 2014-12-27 23:09:48
Is this because Facebook is in the process of reviewing the app?
How do I add :hover, :active :focus effects to SCLogin and Registration modules.?
I created a second and third set of icons and I would like to name them icon_hover.png, icon_active.png and icon_label_hover.png, icon_label_active.png and add them to the /media/sourcecoast/images/provider/facebook and all the other providers so that the resultant html is:
<div class="social-login facebook jfbcLogin pull-left">
<img onmouseout="this.src='/media/sourcecoast/images/provider/facebook/icon_active.png'" onmouseover="this.src='/media/sourcecoast/images/provider/facebook/icon_hover.png'" src="/media/sourcecoast/images/provider/facebook/icon.png" title="Log in with Facebook" alt="Log in with Facebook" />
I also want to add jQuery transition effects to boot. Or can I do this with CSS
Thanks for the explanation Alex. This must make writing documentation pretty difficult, because there are so many exceptions depending on the Joomla components installed like K2, EasyBlog, JomSocial, Community Builder, etc.
Thanks again for the explanation, I will not set a default title for K2 sites going forward. FaceBook hasn't gotten around to reviewing the changes yet. Would imagine that it might be after the 1st of the year before they do.
I am getting a lot questions from the people paying for this site who believe that adding Social Media tags to a site should be as easy as downloading the widgets fr4om Facebook and twitter and adding them to a page.
So the rest of the defaults, image, site_name, description, don't conflict with specific tags? Online the "title=" tag gets applied universally when included in the defaults list?
Thanks Melissa, but that isn't what is happening. When I create a test account on Facebook and I use that test account to test the tags in an article (I Am the Face of Truth) I get the K2 Category title instead of the article title in the post for the test Facebook account.
The Object type is Article which is the Facebook default type article and the category for that object is "Latest News" which has the title ":Latest News". The action is "Recommend" which is a custom action I created on Facebook, and which works except for the problem with the title. The K2 title for this article is: "I Am the Face of Truth." The only place "9/11 Truth Outreach News," as seen in the image above, appears on the website is in the Newsletter created by ACYMailing, the title of the Newsletter is "9/11 Truth Outreach Newsletter." I can't find anywhere else on the site where that is used. But you say JFBConnect ignores the og:title meta tag in the head section of the page and instead uses the K2 title for the item as long as the item is of the Category (Latest News in this instance) that was selected in the options for the Object ("Article"). But again that is not happening.
Could it be that ACYMailing and JFBConnect are interfering with each other?
When I create an Open Graph object called Article which is the default Facebook type article, the only option for selecting what I want to be og:title is the Category for the particular K2 item. I don't want the Category title to be used for the og:title, I want the item/article title to be used for the og:title. What do I have to do to accomplish that?
I will start posting as soon as I get the OpenGraph tags added to the content so that the posts are properly formatted.
Sorry to say, this is what I got:
Error - Facebook API Error: Unsupported get request. Please read the Graph API documentation at https://developers.facebook.com/docs/graph-api
I see you made some changes to the interface, but I assume that the particular page cannot be chosen until the channel is saved and the token saved in the database.
Here is the sequence of steps I took in creating the new channel
I did change the Social Media channels manager a couple of times. Perhaps that set a token in the database that is no longer valid because the Channel Manager is no longer the same. Is there a way to reset that 100 character secret code so that JFBConnect updates that token to the new one returned by a Facebook request.
Will update you user right away.
Could it be that the API key stored in database still reflects the previous key to the previous App that I deleted and recreated? I copied the new API key and new Secret code to the Facebook configuration page and saved the new configuration. I did that twice just to make sure that the correct keys were entered in the DB.
Give me about 15 minutes, it is now 7:43 in Florida.
OK, I am going to try re-installing JFBConnect to see if this corrects the "Error - Facebook API Error: A user access token is required to request this resource." error, when trying to set up the Facebook channel.
I don't know what to do without knowing a bit more about the JFBConnect application structure. I re-installed JFBConnect, but I presume that since there was no difference between the installed version of JFBConnect and the installation package I have that no changes were made. I ran AutoTune again and everything checks out except for a warning that I had JFBConnect in Debug Mode. I turned Debug Mode off and and then checked JFBConnect Facebook "Channels" again, but I still got: Error - Facebook API Error: A user access token is required to request this resource.
So I am waiting for Alex to make some suggestion as to what he thinks I should check in order to resolve this issue. Since this is a user access token error, could the problem be that there is a mismatch between the user's credentials that I have designated as the social media admin on the website and the credentials of the account owner (the same as on the website) on Facebook, the email account is the same in both instances.
The website in question here is https://www.911truthoutreach.org
First thing tomorrow morning on the west coast of the USA.
I sent you log in credentials. In the "Channels" page you will see: Error - Facebook API Error: A user access token is required to request this resource.
Wayne Coste is the person I designated as the creator and manager of all the pages for all the Social Media providers and his account is linked to [email protected] which is the account holder's, it is Wayne Coste's email that is used on Facebook as well as all the other social media providers.
I would re-install JFBConnect in an attempt to resolve this issue, but I will hold off until you take a look; don't want to complicate the issue.
OK, on Facebook, what should the App visibility be? Right now it is "Only Me"
On the App details page is also acknowledges that <MY EMAIL ADDRESS> can "Manage Pages" and Groups (your groups) is enabled.
I used the name of the chairman of the board as the name on the Facebook account, and really that wasn't a smart decision because he will not be involved in managing the social media accounts, but I am stuck with that now. I was trying to set up the Facebook account as a pure business account not connect to any particular individual, but that wasn't possible as it needed to be a real person. So I create a business page www.facebook.com/911truthoutreach.org and I want to channel all activity through that page and basically hide the personal page.
I am now down to:
Error Facebook API Error: A user access token is required to request this resource. On the Facebook Channels configuration page.
I created a new user my email address, logged in through Facebook, received the request from Facebook to manage pages, Accepted that request and set the access to public. I now get no errors for this user on the Channels configuration page but get the access token error. I will try re-entering the ID and API keys and saving to see if that resolves the issue.
Thanks Melissa, I already went through the the approval process but got stuck on the part where it says: Our review team will use this page to test your Page Tab app. Your Page Tab app must be installed on this page. Only pages that you admin will appear in the dropdown. [No eligible pages - or - Create a New Page.] This dialogue box indicates that there are no eligible pages installed.
Is there something I need to do to get our page www.facebook.com/911truthoutreach.org to show up here? Does this mean that the app is disconnected from the page? Should I do this again from scratch? Following the instructions you provided me?
Now I am getting : Error - Warning - Invalid Scope: manages_pages when I try to log in, and when I look at the Channels pages, I now see this: Error - Facebook API Error: Unsupported get request. Please read the Graph API documentation at https://developers.facebook.com/docs/graph-api.
I think at this point I should delete the app and start over again.
I reentered the API key and secret code, took the 's' off manages_pages giving manage_pages in the Facebook configuration page, went to the front end and logged in again and got the prompt to submit the app to Facebook fro review and acknowledged the additional prompt declaring that I would be managing pages. the problem is, log in is failing and I am still getting the error in Channels setup: Error - Facebook API Error: Unsupported get request. Please read the Graph API documentation at https://developers.facebook.com/docs/graph-api.
USER wrote:In the process of enabling manage_pages and user_groups, I have run into the following difficulties with FaceBook. I had to delete the app and recreate it because FaceBook was complaining that the previous app had not been approved.
Below are the prompts that appear when I wanted to add user_groups and manage_pages to the app. While I am doing this are there other items that I might want to add.
The following items must be completed before you can submit your app for review:
Please provide Notes for all items before submitting.
Facebook Login Integration (required)
Please provide step-by-step instructions in English that show how to access Facebook Login.
Facebook provides this suggestion:
- Login with Facebook to the "Coco and Etoile Dating App."
- Accept the "user_likes" permission.
- Access your "Coco and Etoile Dating App" profile:
Click the three lines in the upper left-hand corner
Click the "profile" tab.
- Within the profile view, scroll down to see the interests section.
These interests display the Facebook "user_likes" property.
Facebook provides these insctructions:
- Screenshots must be specific sizes
- Show off unique and engaging parts of your app
- Demonstrate how the app is social.
- Don’t include screenshots that have bulleted lists of features or calls to action e.g. "Click here to play the game!".
- Screenshots must be relevant. Please do not mislead people with images that are dramatically different from the actual in-app experience.
- Screenshots should not contain predominant, excessive marketing copy. Please keep the in-app experience display free from obstructive text and copy.
When you submit, the following platforms will be reviewed: App on Facebook, Website, Page Tab. You may visit your Settings if you want to edit the platforms that you support.
OK, after deleting and re-creating the app I can't just add the App ID and Secret code back in, I have to delete the Website and Page Tab Platforms and then go back to JFBConnect "Auto Tune" and re-run it and add the information back in for the Facebook Website platform and the Facebook Page Tab platform. After I do this I have to go back to Facebook and provide the additional information outlined above.
Is This correct?
I guess what I need to know is :
- What should I include as instructions for using the App?
- What kind of screen shots should I use to depict the operation of the App?
The problem I am having is that when I get to the step:
The selected user has not granted the "XYZ" permission. Please have them log in on the front-end of the site and accept the correct permission.
There aren't any additional permissions asked for. In other words there isn't the modal pop-up form that asks if I agree to connect this website to my FaceBook account.
This may be an issue with EasyProfile extending the Joomla user fields to include the Social Media accounts, but I really don't know what trouble shooting techniques to apply here.
I get the message:
The selected user has not granted the "manage_pages" permission. Please have them log in on the front-end of the site and accept the correct permission.
And I log in on the front end of the site connect site to FaceBook, but I am not sure what permissions are being talked about here, because that doesn't resolve the issue..
The images are kept in /media/sourcecoast/images/provider/ there are ten folders in that directory , amazon, facebook, github, google, instagram, linkedin, meetup, twitter, vk, windowslive. In each of these folders are two image files, icon.png and icon_label.png. these are the simple icon buttons with the Social Media provider logo and the longer button with the Social Media provider logo and the name of the provider.
If you want to install your own set of icons then you need to create icons with the same dimensions as the JFBConnect default icons and you have to give them a different name, like mysite_icon.png and mysite_icon_label.png; the name of each of hte icon image files for each of the providersd have to be the same, just use the same directory structure on your local computer as JFBConnect uses in /media/sourcecoast/provider to keep them from getting mixed up. You have to do this for each of the Social Media providers that you want custom icons for.
As per Melissa, you then need to do the following:
Additionally, once you do add your files, you will have to make a couple of changes in your JFBConnect configuration:
1. In the JFBConnect > Configuration > PROVIDER_NAME tab for each provider you support, set the 'Default Login Button' to your new file.
2. If you are using SCLogin, in Social Button Settings, you will need to set new Image Style options for each provider if you are using the 'Social Login Buttons' custom option.
After you have uploaded your new custom Social Media icons as described above, you will see them listed when you go to JFBConnect > Configuration > Amazon, Facebook, GitHub, Instagram, LinkedIn, Meetup, Twitter, VK and Windows Live, provided you made icons for each one of these.
Also when you go to the module, SCLogin, you will also see the new items displayed with radio buttons by each. Simply select the new icons by clicking the radio buttons and refresh your browser, and your new icons should now be displayed.
This is a really slick feature of JFBConnect.
About the Error Logs
Unfortunately, I didn't have error logs turn on for our website on the server, so all I have is an empty error log file right now. I will query Kieth at CloudAccess and see if he made a note of the error and if he can send me a copy of what was contained in the log. Also it will take many minutes for the log to be populated, so I will look at them tomorrow and see if I can find that error.
By the way I implemented the overrides as you suggested and everything works beautifully. I have the new icons displayed in the admin interface with radio buttons.
Thanks a million.