Schau mal hier:
https://developers.facebook.com/docs...s/share-button
gleiches gibt es auch für Android
Schau mal hier:
https://developers.facebook.com/docs...s/share-button
gleiches gibt es auch für Android
Das ist für Mobile Apps, nicht für Websites.
Geändert von Spooky (15.07.2016 um 11:52 Uhr)
Ist es möglich, daß Modul so einzustellen daß ein Artikel und nicht die Seite geteilt wird.
Wenn ich mehrere Artikel in einer Kategorie angelegt habe dann werden mir die ja untereinander dargestellt. Ich füge jedem Artikel das sharebuttons Modul hinzu. Teile ich jetzt den zweiten, dritten oder 4 Artikel, wird auf FB oder G+ immer der Erste angezeigt da das Modul seitenbasiert arbeitet. Hab mir jetzt damit beholfen, daß ich meine Beiträge über das Newsmodul schreibe, denn da funktioniert es. Aber es wäre halt viel einfacher wenn es bei normalen Artikeln funktionieren würde.
Gruß Momo
Contao 3.5.14
Hallo Spooky,
könntest Du noch einen WhatsApp Share-Button einbauen?
Hab mir beides mal als Issues notiert.
Version 1.2.0 released:
- updated Google+ icons
- added headline support in content element and module templates
- added support for events
- added support for articles
Version 1.3.0 released:
- added WhatsApp sharing button (only visible on mobile devices and only with HTML5)
Hallo zusammen, eine Frage:
ist es möglich, den Titel der Website im geteilten Beitrag nicht anzuzeigen?
Beispiel: dieser Beitrag
... und "Sozialplattform OÖ" sollte da nicht drin stehen:
website-titel.PNG
Dazu musst du einen eigenen og:title meta tag auf der Seite ausgeben lassen. Das erreichst du bspw. über die Funktion "Zusätzliche head tags" im Seitenlayout wenn du nur mit Insert Tags arbeitest oder durch ein eigenes fe_page Template.
Hallo spooky,
hab mir deine tolle Erweiterung geladen, sieht bei mir aber leider so aus: sharebutton.JPG
sieht aus, als ob die Listen-Bullets da mit drauf sind. Wie krieg ich die wieder raus?
danke!!
Hm, ich schätze da fügt dein eigenes CSS wieder die Bullets hinzu. Poste mal einen Link zur Seite.
http://www.food-festivals.eu/index.p...400,1476655199
guckst du hier :-)
Ja, wie vermutet, du hast folgendes CSS definiert:Das fügt die discs hinzu. Du müsstest das zB mitCode:#content ul { list-style: disc; }wieder aufheben oder generell nurCode:#content .sharebuttons ul { list-tyle: none; }verwenden.Code:ul { list-style: disc; }
cool. so geht. danke
Hallo, zusammen!
Ich klinke mich hier mal ein, denn ich stehe vor genau dem Problem, Sharing Buttons einzufügen.
Allerdings bin ich ein ziemlicher Contao-Rookie.
Ich habe hier eine fast fertige Contao-Seite, an der ich nun ein paar Änderungen vornehmen muss/darf/soll
Nur habe ich die Seite nicht erstellt. Alles, was ich bisher gelernt habe, habe ich mir selber rausgefummelt.
Ich kann zB. Inhalte von Seiten ändern, Artikel anlegen, Dateien hochladen und verwalten, eben einfache Sachen.
Nun soll ich 4 Share Buttons (face, linked, twitter, xing) einfügen, so daß die jeweilige Seite vom User im gewählten sozialen Netzwerk geteilt werden kann.
Sharing für die ganze Seite reicht absolut. Einzelne Artikel sind nicht nötig.
Ich schätze, die Erweiterung, von der hier die Rede ist, dürfte genau passen, oder?
Erweiterungen habe ich bisher noch nicht (bewusst) verwendet, aber ist ja sicher keine Raketentechnik.
Hätte jemand vielleicht die Muße, mich da ein wenig durchzulotsen? Oder gibt es ein Tutorial dazu?
Ich bin durchaus lernfähig, und angefangen habt ihr ja auch alle mal, oder?
Würde mich sehr über Feedback dazu freuen.
Danke schonmal!
Schau dir mal den ersten Post an, da ist die Anleitung. Du solltest ein FE-Modul vom Typ sharebuttons erstellen können, welches du dann ins Layout einbinden kannst.
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Ich benutze Contao 3.5.24 und würde gerne die Erweiterung sharebuttons benutzen. Allerdings ist diese nur bis Version 3.5.15 nutzbar.
Wann kommt denn dort ein Update, oder gibt es mittlerweile eine Alternative?
Im Prinzip möchte ich nur einen Button mit dem ich die aktuelle Seite per Mail an einen Freund teilen kann, ohne einen Mailclient benutzen zu müssen.
Wenn eine Extension im ER2 nur bis zu einer gewissen Contao Version freigegeben ist, heißt das nicht zwangsläufig, dass sie nicht auch in höheren Contao Versionen funktionieren kann. Vor allem wenn sich nur die Bugfix release Version (dritte Ziffer) unterscheidet. Du kannst die Extension ohne Probleme in Contao 3.5.24 über den Erweiterungskatalog installieren und verwenden.
Das ist mit dieser Extension nicht möglich.
Also erstmal: Danke für diese Erweiterung! Sehr gut gemacht und flexibel – eigentlich für jede Anwendung was dabei. Gute Arbeit!
Ich würde die Icons gern selbst skalieren. Wie das geht, ist mir klar. Aber mit 32px-PNGs wird das nicht ideal. Hast du die Sprites auch als SVG?
Weiß nicht, ob das für jeden interessant ist und deshalb ein Update wert, aber mir wäre damit sehr geholfen.
Vielen Dank und beste Grüße
Manche sets wären als SVG möglich, aber nicht alle.
Danke für die Erweiterung, gibt es eine Möglichkeit ein eigenes Theme updatesicher einzubauen.
Ein Kunde von mir hat "eigne" Icons die er gerne verwenden würde.
Liebe Grüße
Matthias
Full Service Agentur - Grafikdesign, Screendesign, Webdesign, Webentwicklung, SEO, Weiterbildung, persönliches Coaching
http://www.matthiasgmeiner.com
Da gibt es mehrere Ansätze. Du könntest zB einfach kein Theme auswählen und dann alles per CSS so stylen, wie du es haben möchtest.
Oder du wählst ein Theme aus, um das "Basis CSS" zu haben, und änderst mit eigenen CSS Definitionen dann nur mehr die Hintergrundbilder.
Wenn du tatsächlich ein eigenes, auswählbares Theme haben möchtest, musst du dafür eine eigene CSS Datei anlegen und dann $GLOBALS['sharebuttons']['themes'] erweitern (bspw. in der initconfig.php):PHP-Code:
$GLOBALS['sharebuttons']['themes'][] = array('My Theme', 'path/to/my/theme.css');
Von Simpleflat habe ich keine Vektor Originale.
Ich möchte im Template sharebuttons_default.html5 sprachabhängig ein "Teilen:" bzw. "Share:" ausgeben.
Dafür habe ich im Template folgendes eingefügt:
<p>{{iflng::en}}Share:{{iflng::de}}Teilen:{{iflng} }</p>
Normalerweise werden in Templates die Inserttags ja ersetzt, aber hier wohl leider nicht. Es wird {{iflng::en}}Share:{{iflng::de}}Teilen:{{iflng}} ausgegeben.
Wie kann ich in diesem Template sprachabhängige Inhalte einfügen?
Schon mal danke für Hinweise!
Steve
Geändert von steve (21.07.2017 um 08:26 Uhr)
Welche Contao Version?
Contao 3.5.24 mit sharebuttons 1.3.2
Ist das Inserttag wirklich so zu verwenden, oder müsste das nicht eigentlich lauten:
Ich weiß, dass es so wie es hier verwendet wird auch in der Dokumentation steht, aber ist das auch richtig so?HTML-Code:<p>{{iflng::en}}Share:{{iflng}}{{iflng::de}}Teilen:{{iflng}}</p>
So wie es er benutzt hat stimmt es schon. Siehe https://docs.contao.org/books/manual...sert-tags.html
This tag will be completely removed if the page language does not match the tag language. You can use it to define language-specific labels: {{iflng::en}}Your name{{iflng::de}}Ihr Name{{iflng}}.
Ist doch bereits übersetzt:
https://github.com/fritzmg/contao-sh...efault.php#L17
https://github.com/fritzmg/contao-sh...efault.php#L17
PHP-Code:
echo $GLOBALS['TL_LANG']['sharebuttons']['share_title'];
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Und ja stimmt, stattbrauchst du einfach nurCode:{{iflng::en}}Share:{{iflng}}{{iflng::de}}Teilen:{{iflng}}verwendenPHP-Code:
<?= $GLOBALS['TL_LANG']['sharebuttons']['share_title'] ?>
![]()
Danke an alle, die Lösung von Adreas und Spooky funktioniert so!
Trotzdem aber seltsam, dass es mit Inserttags nicht klappt.
Hi,
ich hatte mir sowas mal als HTML Inhaltselement angelegt/gebastelt (ist eine 3.5er) - also unabhängig von einer Erweiterung.
Das kann man dann beliebig stylen/erweiten und in Contao auch an bel. Stellen includieren via insertag.
Hier ein Auszug (fontawseome wurde im theme eingebunden):
Eine Beispiel Integration hier (ganz unten - über dem Footer):Code:<div class="ce_list grid5 share block"><ul> <li><a href="share/?p=gplus[&]u={{env::path|urlencode}}{{env::request}}[&]t={{page::pageTitle}}" rel="nofollow" title="Teilen auf Google+" onclick="window.open(this.href,'','width=600,height=200,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');return false"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-google-plus fa-stack-1x fa-inverse"></i></span></a></li> <li><a href="share/?p=facebook[&]u={{env::path|urlencode}}{{env::request}}[&]t={{page::pageTitle}}" rel="nofollow" title="Teilen auf Facebook" onclick="window.open(this.href,'','width=640,height=380,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');return false"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x fa-inverse"></i></span></a></li> <li><a href="share/?p=twitter[&]u={{env::path|urlencode}}{{env::request}}[&]t={{page::pageTitle}}" rel="nofollow" title="Teilen auf Twitter" onclick="window.open(this.href,'','width=640,height=380,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');return false"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x fa-inverse"></i></span></a></li> <li class="first"><a href="#" rel="nofollow" title="Diese Seite drucken" onclick="window.print();return false"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-print fa-stack-1x fa-inverse"></i></span></a></li> <li class="last"> <a title="Diese Seite per E-Mail empfehlen" href="mailto:?subject=Ich%20habe%20ein%20sch%C3%B6nes%20Tierschutz%20Projekt%20gefunden%3A%20Tierschutz%20Castrop-Rauxel%20e.V.[&]body=Hallo%2C%0A%0AIch%20m%C3%B6chte%20Dir%20dieses%20Tierheim%20zeigen%3A%20{{env::path}}{{env::request}}%0AVielleicht%20kennst%20Du%20ja%20auch%20jemanden%20der%20dieses%20Projekt%20gut%20findet.%0A%0AViele%20Gr%C3%BC%C3%9Fe"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-bullhorn fa-stack-1x fa-inverse"></i></span></a></li> </ul></div>
http://www.tierheim-castrop-rauxel.de/
Nachtrag:
Ob das in einer 4er auch funktioniert hab ich noch nicht ausprobiert ...
In der 4er haben sich die Pfadangaben geändert:
FrankoCode:<div class="share block"><ul> <li class="first"><a href="_contao/share?p=gplus[&]u={{env::path|urlencode}}{{env::request}}" rel="nofollow" title="Google+" onclick="window.open(this.href,'','width=600,height=200,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');return false"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-google-plus fa-stack-1x fa-inverse"></i></span></a></li> <li><a href="_contao/share?p=facebook[&]u={{env::path|urlencode}}{{env::request}}" rel="nofollow" title="Facebook" onclick="window.open(this.href,'','width=640,height=380,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');return false"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x fa-inverse"></i></span></a></li> <li><a href="_contao/share?p=twitter[&]u={{env::path|urlencode}}{{env::request}}[&]t={{page::pageTitle}}" rel="nofollow" title="Twitter" onclick="window.open(this.href,'','width=640,height=380,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');return false"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x fa-inverse"></i></span></a></li> <li><a href="#" rel="nofollow" title="" onclick="window.print();return false"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-print fa-stack-1x fa-inverse"></i></span></a></li> <li class="last"> <a title="Diese Seite per E-Mail empfehlen" href="mailto:?subject=Diese%20Webseite%20empfehlen%3A%20{{env::path|urlencode}}{{env::request}}"> <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-bullhorn fa-stack-1x fa-inverse"></i></span></a></li> </ul></div>
Geändert von Franko (10.01.2018 um 07:54 Uhr)
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
In Version 2.0.0 kann nun die Reihenfolge der Buttons verändert werden, ohne ein eigenes Template anlegen zu müssen.
Hallo,
wir wollen auf unserer Contao Seite auch Share Buttons einfügen. Wir haben die Version 3.5.38 installiert, ich habe aber folgende "Probleme":
Installation (Version 1.3.8) lief erstmal problemlos über den Erweiterungskatalog. In den Artikeln, News, etc. sehe ich unter den (Archiv-) Einstellungen dann die Auswahl der Buttons, Themeauswahl, etc.
Aber egal, was ich auswähle, es werden keine Buttons angezeigt. Wenn ich über die Inserttags dann z.b. in der fe_page einfüge, bekomme ich diese links oben angezeigt. Also die "Harte Einbauvariante" klappt erstmal.
Habe ich irgendetwas vergessen anzupassen? Ziel ist es, die Buttons (boxxed 16px) je nach Häkchen in diversen Artikeln oder News angezeigt zu bekommen und das am besten unter der Breadcrumb.
Das ausgewählte Template sehe ich aber auch nicht...muss das so sein?
Danke für den Unterstützung!
Hallo bravasx,
hast du das entsprechende Template angepasst?
https://packagist.org/packages/fritz...o-sharebuttonsNews, Events, Articles
You can output share buttons directly in your news_*, event_* and mod_article* templates:
<?= $this->sharebuttons ?>
---------------------------------
Beste Grüße planepix
Contao für Webdesigner (Website), Twitter: @contaowebdesign
weitzeldesign
Contao-Sprechstunde
Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
Contao Jahrbuch: www.contao-jahrbuch.de
Contao Agenturtag: www.contao-agenturtag.de
Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki
Schon wieder ein Update?
Glücklich sind die, die den Wert erkennen – und wertschätzen.
„Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”
Aktive Benutzer in diesem Thema: 4 (Registrierte Benutzer: 0, Gäste: 4)
Lesezeichen