From 35f497d3c1a9dc3fb052a9f6e1b83cd84a56f63a Mon Sep 17 00:00:00 2001
From: Nikita Karamov
Date: Mon, 28 Sep 2020 13:48:10 +0200
Subject: [PATCH] Update the docs accordingly
---
README.md | 8 +++++---
docs/index.html | 16 +++++++++-------
2 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/README.md b/README.md
index 4e53ee4..94d69d1 100644
--- a/README.md
+++ b/README.md
@@ -88,7 +88,8 @@ classes match the names of social networks:
-
+
+
@@ -117,6 +118,7 @@ on the whole container or on the specific buttons:
Apart from the URL and title, some networks support extra parameters:
+- you **have to** add `data-fb-app-id` to the FB Messenger button to make sharing even possible
- add `data-media` to an Odnoklassniki, Pinterest, or VK button to customize the pinned picture
- add `data-text` to a WhatsApp, Mastodon, Telegram or Viber button to add custom message text
- add `data-via` to a Twitter or Mastodon button to mention a user
@@ -126,12 +128,12 @@ Here are all the custom parameters in their glory:
```html
```
diff --git a/docs/index.html b/docs/index.html
index a632262..f2f789c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -69,7 +69,7 @@
-
+
@@ -188,7 +188,8 @@ shareon();
<a class="facebook"></a>
<a class="linkedin"></a>
<a class="mastodon"></a>
- <a class="messenger"></a>
+ <!-- FB App ID is required for the Messenger button to function -->
+ <a class="messenger" data-fb-app-id="0123456789012345"></a>
<a class="odnoklassniki"></a>
<a class="pinterest"></a>
<a class="pocket"></a>
@@ -203,7 +204,7 @@ shareon();
-
+
@@ -243,6 +244,7 @@ shareon();
+ - you have to add
data-fb-app-id
to the FB Messenger button to make sharing even possible
- add
data-media
to an Odnoklassniki, Pinterest, or VK button to customize the pinned picture
- add
data-text
to a WhatsApp, Mastodon, Telegram, or Viber button to add custom message text
- add
data-via
to a Twitter or Mastodon button to mention a user
@@ -254,21 +256,21 @@ shareon();
<div class="shareon" data-url="https://example.com/custom-url">
<a class="facebook" data-title="Custom Facebook title"></a>
- <a class="messenger" data-url="https://my-cool-website.com"></a>
+ <a class="messenger" data-fb-app-id="0123456789012345"></a>
<a class="pinterest" data-media="https://picsum.photos/500">Pin</a>
<a class="telegram" data-text="Check this out!"></a>
<a class="twitter" data-via="MyNickname"></a>
<a class="mastodon" data-text="Check this out!" data-via="@MyNickname@myserver.social"></a>
- <a class="whatsapp">Send</a>
+ <a class="whatsapp" data-url="https://my-cool-website.com">Send</a>
</div>