add fb app ID, improve social sharing descriptions (#105)

* add fb app ID, improve social sharing descriptions

* add share-img

* Fix sharing img

* Change for fb app ID and Google Analytics
This commit is contained in:
Viet Anh, Nguyen 2016-09-29 08:36:33 +00:00 committed by Dean Attali
parent ea6c0ad834
commit c69722ba45
2 changed files with 55 additions and 14 deletions

View File

@ -88,6 +88,9 @@ url-pretty: "MyWebsite.com" # eg. "deanattali.com/beautiful-jekyll"
# Fill in your Google Analytics ID to track your website using GA # Fill in your Google Analytics ID to track your website using GA
#google_analytics: "" #google_analytics: ""
# Facebook App ID
# fb_app_id: ""
# --- Don't need to touch anything below here (but you can if you want) --- # # --- Don't need to touch anything below here (but you can if you want) --- #
# Output options (more information on Jekyll's site) # Output options (more information on Jekyll's site)

View File

@ -50,27 +50,65 @@
{% endif %} {% endif %}
<!-- Facebook OpenGraph tags --> <!-- Facebook OpenGraph tags -->
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" /> {% if site.fb_app_id %}
<meta property="fb:app_id" content="{{ site.fb_app_id }}" />
{% endif %}
{% if page.meta-title %}
<meta property="og:title" content="{{ page.meta-title }}" />
{% elsif page.title %}
<meta property="og:title" content="{{ page.title }}" />
{% else %}
<meta property="og:title" content="{{ site.title }}" />
{% endif %}
{% if page.meta-description %}
<meta property="og:description" content="{{ page.meta-description }}">
{% elsif page.subtitle %}
<meta property="og:description" content="{{ page.subtitle }}">
{% else %}
<meta property="og:description" content="{{ page.content | strip_html | xml_escape | truncatewords: 50 }}">
{% endif %}
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
{% if page.id %} {% if page.id %}
<meta property="og:url" content="{{ site.url }}{{ page.url }}" /> <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
{% else %} {% else %}
<meta property="og:url" content="{{ site.url }}{{ page.url | remove: '/index.html' | remove: '.html' }}" /> <meta property="og:url" content="{{ site.url }}{{ page.url | remove: '/index.html' | remove: '.html' }}" />
<link rel="canonical" href="{{ site.url }}{{ page.url | remove: '/index.html' | remove: '.html' }}" />
{% endif %} {% endif %}
{% if page.share-img %} {% if page.share-img %}
<meta property="og:image" content="{{ page.share-img }}" /> <meta property="og:image" content="{{ page.share-img }}" />
{% elsif site.avatar %} {% elsif site.avatar %}
<meta property="og:image" content="{{ site.url }}{{ site.avatar }}" /> <meta property="og:image" content="{{ site.url }}{{ site.avatar }}" />
{% else %}
<meta property="og:image" content="" />
{% endif %} {% endif %}
<!-- Twitter summary cards --> <!-- Twitter summary cards -->
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@{{ site.author.twitter }}" /> <meta name="twitter:site" content="@{{ site.author.twitter }}" />
<meta name="twitter:creator" content="@{{ site.author.twitter }}" /> <meta name="twitter:creator" content="@{{ site.author.twitter }}" />
<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
<meta name="twitter:description" content="{{ page.content | strip_html | xml_escape | truncatewords: 50 }}" /> {% if page.meta-title %}
<meta name="twitter:title" content="{{ page.meta-title }}" />
{% elsif page.title %}
<meta name="twitter:title" content="{{ page.title }}" />
{% else %}
<meta name="twitter:title" content="{{ site.title }}" />
{% endif %}
{% if page.meta-description %}
<meta name="twitter:description" content="{{ page.meta-description }}">
{% elsif page.subtitle %}
<meta name="twitter:description" content="{{ page.subtitle }}">
{% else %}
<meta name="twitter:description" content="{{ page.content | strip_html | xml_escape | truncatewords: 50 }}">
{% endif %}
{% if page.share-img %} {% if page.share-img %}
<meta name="twitter:image" content="{{ page.share-img }}" /> <meta name="twitter:image" content="{{ page.share-img }}" />
{% elsif site.avatar %} {% elsif site.avatar %}