[Shariff] - Teilen geht, aber es werden keine Counts angezeigt trotz Backend-Einbindung
am 16.04.2020 - 10:24 Uhr in
Hallo,
ich versuche die Shariff Share Buttons inkl. Counts anzuzeigen.
Die Share-Buttons an sich werden normal angezeigt und funktionieren auch - aber die Counts fehlen. Sie werden auch im Quellcode nicht generiert - es fehlt also das "span" mit der Klasse "share_count".
So bin ich vorgegangen:
- Modul https://www.drupal.org/project/shariff installiert (Version 8.x-1.6) und als Block im Main Content eingebunden
- Library angelegt: "libraries/shariff" & darin die aktuelle Version (3.2.1) heruntergeladen und entpackt - URL: https://github.com/heiseonline/shariff/releases/tag/3.2.1
- Shariff PHP Backend außerhalb des Drupal-Verzeichnisses installiert (Version 9.0.2): URL: https://github.com/heiseonline/shariff-backend-php/releases/download/9.0...
- Die index.php angepasst und meine Domain eingetragen, auf der die Drupal-Installation läuft und die Buttons eingebunden sind, im Backend-Verzeichnis zusätzlich das Verzeichnis "temp" angelegt und darauf in der index.php referenziert:
private static $configuration = [
'cache' => [
'ttl' => 60,
'cacheDir' => 'temp'
],
'domains' => [
'www.meine-domain.de'
],
'services' => [
'Facebook',
'Reddit',
'StumbleUpon',
'Flattr',
'Pinterest',
'Xing',
'AddThis',
'Buffer',
'Vk'
]
]; - Alle Verzeichnisse & Dateien des Shariff Backends mit CHMOD 777 für jeden erreichbar gemacht
- In der Drupal Installation in den Shariff Einstellungen des Moduls (admin/config/services/shariff) folgendes ausgewählt/ausgefüllt:
- Aktivierte Dienste: Twitter, LinkedIn, Xing, AddThis, Info-Button
- Theme: weiß
- CSS: minimal
- Button-Stil: Anzahl der Symbole (auch versucht mit "Standard" - gleiches Ergebnis - keine Counts)
- Ausrichtung: horizontal
- Backend-URL: https://shariff.meine-domain.de/index.php (auch versucht nur auf das Verzeichnis zu zeigen - also nur: https://shariff.meine-domain.de - gleiches Ergebnis: Keine Counts)
- Anzeige der Seite mit Informationen über Shariff: Popup
- Share Buttons in einem Blogbeitrag getestet - mit allen Buttons: Teilen klappt, aber keine Zahlen werden angezeigt
- Wenn ich in das Shariff Backend schaue, sind auch alle Zahlen auf 0. Das teste ich so: https://shariff.meine-domain.de/?url=https%3A%2F%2Fwww.meine-domain.de
- Cache von Drupal und vom Browser mehrfach gelöscht - Seiten aktualisiert - keine Besserung
Was habe ich übersehen/vergessen oder müsste ich anders machen?
Ich kann mir nicht vorstellen, dass das noch nicht gelöst wurde. Sicherlich habe ich etwas falsch gemacht. Nur was?
Hoffentlich könnt ihr mir hier weiterhelfen.
Vielen Dank im Voraus.
PS: Ich nutze aktuell die Drupal Version 8.8.4 (falls das wichtig ist)
Hier noch der HTML-Quellcode des Shariff Moduls als Block eingebunden:
<div id="block-shariffteilenbuttons" class="contextual-region block block-shariff block-shariff-block no-title">
<div data-contextual-id="block:block=shariffteilenbuttons:langcode=de" data-contextual-token="X0oWHrcE7EDYmphhnq40A16pmeTjiMq6ueRxtlGIdS0" class="contextual">
<button class="trigger focusable visually-hidden" type="button" aria-pressed="false">Geöffnet Konfigurationseinstellungen</button>
<ul class="contextual-links" hidden="">
<li class="block-configure"><a href="/admin/structure/block/manage/shariffteilenbuttons?destination=/node/9224">Block konfigurieren</a></li>
</ul>
</div>
<div class="content block-content">
<div class="shariff" data-services="["twitter","linkedin","xing","addthis","info"]" data-theme="white" data-css="min" data-orientation="horizontal" data-mail-url="mailto:" data-backend-url="https://shariff.meine-domain.de/index.php" data-button-style="icon-count" data-info-display="popup" data-lang="de">
<ul class="theme-white orientation-horizontal button-style-icon-count shariff-col-5">
<li class="shariff-button twitter"><a href="https://twitter.com/intent/tweet?text=XYZ&url=http%3A%2F%2Fwww.meine-domain.de%2Fblogs%2F2020%2F02%2F17%2Fxyz" data-rel="popup" rel="nofollow" title="Bei Twitter teilen" role="button" aria-label="Bei Twitter teilen"><svg class="svg-inline--fa fa-twitter fa-w-16" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg><!-- <span class="fab fa-twitter"></span> --></a></li>
<li class="shariff-button linkedin"><a href="https://www.linkedin.com/shareArticle?mini=true&summary=XYZ&title=XYZ&url=http%3A%2F%2Fwww.meine-domain.de%2Fblogs%2F2020%2F02%2F17%2Fxyz" data-rel="popup" rel="nofollow" title="Bei LinkedIn teilen" role="button" aria-label="Bei LinkedIn teilen"><svg class="svg-inline--fa fa-linkedin-in fa-w-14" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin-in" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg><!-- <span class="fab fa-linkedin-in"></span> --></a></li>
<li class="shariff-button xing"><a href="https://www.xing.com/spi/shares/new?url=http%3A%2F%2Fwww.meine-domain.de%2Fblogs%2F2020%2F02%2F17%2Fxyz" data-rel="popup" rel="nofollow" title="Bei XING teilen" role="button" aria-label="Bei XING teilen"><svg class="svg-inline--fa fa-xing fa-w-12" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="xing" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor" d="M162.7 210c-1.8 3.3-25.2 44.4-70.1 123.5-4.9 8.3-10.8 12.5-17.7 12.5H9.8c-7.7 0-12.1-7.5-8.5-14.4l69-121.3c.2 0 .2-.1 0-.3l-43.9-75.6c-4.3-7.8.3-14.1 8.5-14.1H100c7.3 0 13.3 4.1 18 12.2l44.7 77.5zM382.6 46.1l-144 253v.3L330.2 466c3.9 7.1.2 14.1-8.5 14.1h-65.2c-7.6 0-13.6-4-18-12.2l-92.4-168.5c3.3-5.8 51.5-90.8 144.8-255.2 4.6-8.1 10.4-12.2 17.5-12.2h65.7c8 0 12.3 6.7 8.5 14.1z"></path>
</svg><!-- <span class="fab fa-xing"></span> --></a></li>
<li class="shariff-button addthis"><a href="http://api.addthis.com/oexchange/0.8/offer?url=http%3A%2F%2Fwww.meine-domain.de%2Fblogs%2F2020%2F02%2F17%2Fxyz" data-rel="popup" rel="nofollow" title="Bei AddThis teilen" role="button" aria-label="Bei AddThis teilen"><svg class="svg-inline--fa fa-plus fa-w-14" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path>
</svg><!-- <span class="fas fa-plus"></span> --></a></li>
<li class="shariff-button info"><a href="http://ct.de/-2467514" data-rel="popup" title="Weitere Informationen" role="button" aria-label="Weitere Informationen"><svg class="svg-inline--fa fa-info fa-w-6" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
<path fill="currentColor" d="M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z"></path>
</svg><!-- <span class="fas fa-info"></span> --></a></li>
</ul>
</div>
</div>
</div>
Außerdem habe ich noch Screenshots der Buttons und des Backends eingefügt.
Anhang | Größe |
---|---|
shariff_backend.png | 5.21 KB |
shariff_buttons.png | 5.31 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Zitat: 'services' => [
am 20.04.2020 - 21:53 Uhr
'services' => [
'Facebook',
'Reddit',
'StumbleUpon',
'Flattr',
'Pinterest',
'Xing',
'AddThis',
'Buffer',
'Vk'
]
];
Zweite Klammer von unten: Komma im Originalcode vorhanden?
Vor rund 10 Jahren von Wordpress auf Drupal umgestiegen und z.Zt. mit Drupal 10 unterwegs.
Hallo Kulturmensch,vielen
am 24.04.2020 - 15:21 Uhr
Hallo Kulturmensch,
vielen Dank für deinen Hinweis und bitte entschuldige meine verspätete Antwort.
Nur leider verstehe ich glaube ich deine Frage nicht richtig. Meinst du mit Komma das Semikolon am Ende? Ja, das war auch im Original-Code vorhanden, auch die Kommas innerhalb des Arrays.
Ist das denn falsch? Ich habe lediglich die Domain geändert und das Temp-Verzeichnis eingefügt. Ansonsten ist es eigentlich noch der Original-Code.
Hier zur Sicherheit der komplette Code der index.php:
<?php
require_once __DIR__.'/vendor/autoload.php';
use Heise\Shariff\Backend;
/**
* Demo Application using Shariff Backend
*/
class Application
{
/**
* Sample configuration
*
* @var array
*/
private static $configuration = [
'cache' => [
'ttl' => 60,
'cacheDir' => 'temp'
],
'domains' => [
'www.meine-domain.de'
],
'services' => [
'Facebook',
'Reddit',
'StumbleUpon',
'Flattr',
'Pinterest',
'Xing',
'AddThis',
'Buffer',
'Vk'
]
];
public static function run()
{
header('Content-type: application/json');
$url = isset($_GET['url']) ? $_GET['url'] : '';
if ($url) {
$shariff = new Backend(self::$configuration);
echo json_encode($shariff->get($url));
} else {
echo json_encode(null);
}
}
}
Application::run();
?>
Komma
am 24.04.2020 - 18:54 Uhr
'services' => [
'Facebook',
'Reddit',
'StumbleUpon',
'Flattr',
'Pinterest',
'Xing',
'AddThis',
'Buffer',
'Vk'
]
];
Wie schon geschrieben setze hinter 'VK' mal ein Komma (wie darüber bei Buffer, AddThis usw schon geschehen) und schau, was dann passiert (auch wenn's eigentlich nicht nötig wäre).
Vor rund 10 Jahren von Wordpress auf Drupal umgestiegen und z.Zt. mit Drupal 10 unterwegs.
Achso, entschuldie, dass
am 27.04.2020 - 15:07 Uhr
Achso, entschuldige, das hatte ich nicht verstanden. Vielen Dank, aber das hat leider auch nichts geholfen.
Habe jetzt auch probehalber die Arrays statt mit [ ] mit "array( )" deklariert. Jetzt meckert Dreamweaver nicht mehr, aber bringen tut es leider auch nichts.
Der Code sieht jetzt wie folgt aus:
<?php
require_once __DIR__.'/vendor/autoload.php';
use Heise\Shariff\Backend;
/**
* Demo Application using Shariff Backend
*/
class Application
{
/**
* Sample configuration
*
* @var array
*/
private static $configuration = array(
'cache' => array(
'ttl' => 60,
'cacheDir' => 'temp'
),
'domains' => array(
'www.meine-domain.de'
),
'services' => array(
'Facebook',
'Reddit',
'StumbleUpon',
'Flattr',
'Pinterest',
'Xing',
'AddThis',
'Buffer',
'Vk',
),
);
public static function run()
{
header('Content-type: application/json');
$url = isset($_GET['url']) ? $_GET['url'] : '';
if ($url) {
$shariff = new Backend(self::$configuration);
echo json_encode($shariff->get($url));
} else {
echo json_encode(null);
}
}
}
Application::run();
?>