howto: facebook opengraph and twitter cards  rev 30 apr 2018

.......................................................
Twitter Cards:

  Twitter uses its own protocol, similar to Open Graph.

  The Docs:
    https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started
  Validator:
    https://cards-dev.twitter.com/validator
  Troubleshooting:
    https://developer.twitter.com/cards/troubleshooting

  How-tos:
    How To Add Twitter Card on Your Website?
      https://www.shoutmeloud.com/how-to-add-twitter-card-wordpress-website.html
      dec 2016
    Beginners Guide on How to Add Twitter Cards in WordPress
      http://www.wpbeginner.com/wp-tutorials/how-to-add-twitter-cards-in-wordpress/
      oct 2015
      Shows how to hardcode the things in the head.
    How to Setup Open Graph and Twitter Cards with WordPress
      http://www.wpexplorer.com/setup-open-graph-twitter-cards-wordpress/
      jan 2018
      Shows the code, and how to do the process at Twitter.



.......................................................
Facebook Open Graph:

  The Docs:
    https://developers.facebook.com/docs/sharing/webmasters

  UserID:
    You need to have a FB users numerical id. 
    You get this with the users username, as seen in their url.
    Explains about username and userid here:
        https://www.facebook.com/help/211813265517027/
    techie explain is here: 
        https://developers.facebook.com/docs/facebook-login/access-tokens#usertokens
    Many ways to get the ID, can get from their page, etc. 
       https://www.techwalla.com/articles/how-to-find-my-facebook-id
       https://www.facebook.com/help/1397933243846983?helpref=faq_content
       Maybe easiest is get it at https://findmyfbid.com/


  Validator:

  Troubleshooting:
    https://developers.facebook.com/tools/debug/
    "log in to facebook to use this tool."
    Also clears Facebook cache of the page and creates a new one.


  How-tos:

    How To Add Open Graph Meta Tags To WordPress
      https://www.elegantthemes.com/blog/tips-tricks/how-to-add-open-graph-tags-to-wordpress
      dec 2014
      Detailed explanation of Open Graph and of coding wordpress page.
    How to Add Facebook Open Graph Meta Data in WordPress Themes
      http://www.wpbeginner.com/wp-themes/how-to-add-facebook-open-graph-meta-data-in-wordpress-themes/
      dec 2016
      with Yoast SEO plugin, Facebook plugin, and manual code with full function.


.......................................................
General info:
  
  The Open Graph protocol
    http://ogp.me/


.......................................................
Plugins:

  Open Graph for Facebook, Google+ and Twitter Card Tags
    https://wordpress.org/plugins/wonderm00ns-simple-facebook-open-graph-tags/
    by Webdados.
    This looks like the best one these days [24 mar 2018]
    "Allows the user to choose which tags are, or not, 
    included and also the default image if the 
    post/page doesn’t have one."

  Add Twitter Cards
    https://development.azurecurve.co.uk/classicpress-plugins/add-twitter-cards/

  Twitter maintains its own plugin:
    https://github.com/twitter/wordpress/wiki
    https://wordpress.org/plugins/twitter/
    But as usual it does more than just the twitter card.
    tracking, etc.

  Write your own:
    https://codex.wordpress.org/Writing_a_Plugin
    https://github.com/DevinVinson/WordPress-Plugin-Boilerplate
    https://github.com/DevinVinson/Plugin-Directory-Boilerplate


_______________________________________________________
begin 24 mar 2018
-- 0 --