Posts mit dem Label Corporate Blog werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Corporate Blog werden angezeigt. Alle Posts anzeigen

Donnerstag, 11. März 2021

Twitter-Tweets in eine Webseite einbauen

Die neuesten Tweets eines Twitternutzers/Twitterkontos lassen sich ganz einfach automatisch auf der Homepage, in einem Blogartikel oder auf jede andere Webseite einspielen. Mit ein paar Klicks im Twitter-Konfigurator lässt sich der entsprechende kleine Code-Schnippsel (bei Twitter genannt Widget-Code, von manchen auch als Plugin-Code bezeichnet) generieren und anschließend einbauen. Ruft ein Nutzer die Seite dann mit seinem Browser auf, sieht er an der gewählten Stelle die neuesten Tweets in einer Art „Twitter-Box“. Eine solche Twitter-Box kann man mit Tweets des eigenen Twitterkontos füllen und integrieren („embedden“), mit denen eines anderen öffentlichen Twitter-Kontos, mit Tweets einer Liste oder mit Tweets als Ergebnis einer Hashtag-Suche. Da Twitter das Konfigurierungsverfahren und die Nutzeroberfläche gegenüber der alten Twitter-Widget-Konfigurator-Version ständig verändert, hier nun die aktualisierte Anleitung. (Stand 11.03.2021).

"Twitter-Box", wie sie auch auf meiner Portalseite tinto.de
erscheint, um dort meine neuesten Tweets anzuzeigen (Scrollleiste rechts).
Die Möglichkeit, eine Twitter-Box mit Tweets in eine Webseite einzubinden, ist nicht neu, aber der Konfigurator für den Twitter-Widget-Code wird immer schwieriger zu finden. Aber die Benutzung ist nach wie vor einfach.

So generieren Sie Ihren Widget-Code - eine überarbeitete Anleitung

Sie können die ersten durchgestrichenen Schritte  der alten Anleitung alle überspringen - die Nutzeroberfläche von Twitter ist inzwischen völlig neu strukturiert - nehmen Sie eine dieser Abkürzungen:
  1. Gehen Sie entweder gleich zu Twitter Publish (https://publish.twitter.com/#) und folgen Sie der Anleitung ab Punkt 6. 
  2. Oder, falls sich erst etwas bei den Brand Toolkits umschauen möchten, navigieren Sie zu https://about.twitter.com/en/who-we-are/brand-toolkit, scrollen dort schließlich ganz nach unten und wählen dann ganz unten rechts im Abschnitt Publishing a Tweet or button? Embed content →. Sie landen dann ebenfalls auf der Seite Twitter Publish, direkt beim Widget-Konfigurator. 
Folgen Sie nun der Anleitung ab Punkt 6.
  1. Gehen Sie auf die Twitter-Homepage
  2. Melden Sie sich mit Ihrem Nutzernamen und Passwort an.

    Wenn Sie noch kein Twitter-Nutzerkonto (Account) haben, müssen Sie sich zuerst registrieren und sollten die normalen Twitter-Funktionen ausprobieren und kennenlernen.
  3. Klicken Sie auf Ihr Porträtbild in der Symbolleiste ganz oben rechts und wählen Sie in der Dropdown-Liste Einstellungen und Datenschutz

    alte Twitter-Benutzeroberfläche
    Sie landen auf der Seite Account. 
  4. Wählen Sie auf der Seite Account in der Navigation auf der linken Seite Widgets (ist ziemlich weit unten zu finden). 
    Sie landen auf der Seite Widget
  5. Klicken Sie auf der Seite Widget oben rechts auf Neu erstellen.

    alte Twitter-Benutzeroberfläche

    Nun zeigt sich ein Dropdown-Menü.
    Das bedeuten die Menüpunkte des Dropdown-Menüs:
    • Profil
      Die Twitter-Box soll mit Tweets (m)eines öffentlichen Accounts gefüllt werden.
    • Gefällt mir
      In der Twitter-Box sollen Tweets, die Sie als Favoriten gekennzeichnet haben, angezeigt werden.
    • Liste
      In der Twitter-Box sollen Tweets einer Liste, die Sie zuvor angelegt und der Sie öffentliche Twitter-Accounts zugeordnet haben, angezeigt werden.
    • Sammlung
      Die Twitter-Box soll Tweets einer Sammlung, die Sie zuvor angelegt haben, anzeigen.
    • Suchen
      In der Twitter-Box sollen Tweets, die das Ergebnis einer Suche sind, angezeigt werden, beispielsweise solche. die mit einem definierten Hashtag-Begriff #garten, gekennzeichnet wurden.
  6. Klicken Sie im Eingabefeld auf der rechten Seite auf den kleinen Pfeil nach unten. Es erscheint eine Dropdown-Liste, mit den Möglichkeiten, die Sie haben, und jeweils einem Beispiel, wie das die Eingabe ins Feld auszusehen hat. Wählen Sie eines der Folgenden und setzen Sie Ihre eigenen Angaben ein
    • A Tweet
      Die Twitter-Box soll mit nur einem genau spezifizierten Tweet einer bestimmten Person gefüllt werden. Beispiel mit meinem Twitter-Account eva4tinto: https://twitter.com/eva4tinto/status/1348560154384596992?s=20
    • A profile
      Die Twitter-Box soll mit den Tweets (m)eines öffentlichen Accounts gefüllt werden. Beispiel: https://twitter.com/eva4tinto/
    • A list
      In der Twitter-Box sollen Tweets einer Liste, die Sie zuvor angelegt und der Sie öffentliche Twitter-Accounts zugeordnet haben, angezeigt werden. Beispiel: https://twitter.com/i/lists/1369559023759069186
    • A handle
      Entspricht A profile: Die Twitter-Box soll mit den Tweets (m)eines öffentlichen Accounts gefüllt werden. Beispiel: @eva4tinto
    • A hashtag
      In der Twitter-Box sollen Tweets, die das Ergebnis einer Hashtag-Suche sind, angezeigt werden, beispielsweise solche, die mit #gartenkalender, gekennzeichnet wurden.
    In diesem Konfigurationsbeispiel sollen die Tweets des eigenen Twitter-Accounts in einer Twitter-Box auf der eigenen Portalseite angezeigt werden (siehe Bild ganz oben). Wählen Sie also im Dropdown-Menü den Menüpunkt A profile.
    Das Fenster öffnet sich und sie werden gefragt, was Sie (in eine Webseite) einbetten möchten ("What would you like to embed"). Darunter befindet sich ein Eingabefeld.
  7. Geben Sie für unser Beispiel in das Eingabefeld die URL Ihres Twitter-Accounts ein, beispielsweise https://twitter.com/eva4tinto
    (eva4tinto ersetzen Sie durch Ihren eigenen Nutzernamen).
  8. Klicken Sie nach Ihrer Eingabe innerhalb des Eingabefeld auf der rechten Seite auf den Pfeil nach rechts.

    Die Seite scrollt weiter nach unten.

    Twitter Publish (Widget-Konfigurator) gescrollt
  9. Sie werden gefragt, ob Sie eine Twitter-Box (Embedded Timeline) oder Twitter-Schaltflächen (Buttons) integrieren möchten (Twitter Buttons, die nun zur Auswahl stehen: Follow Button, Mention Button).
  10. Wählen Sie für unseren Zweck Embedded Timeline.
    Die Seite schiebt sich weiter nach unten. In einem eingerahmten Bereich finden Sie den Code-Schnippsel, den Sie kopieren und in Ihre Webseite an der gewünschten Stelle einfügen müssen.



    Wer Details der Twitter-Box anpassen möchte, klickt auf den Link set customization options in der Überschrift. Es öffnet sich ein weiterer Konfigurationsbereich, in welchem man Höhe, Breite, helles oder dunkles Design sowie Linkfarbe und Sprache (um)definieren kann. Außerdem kann man durch einen Haken im Opt-out-Kästchen dagegen votieren, dass Twitter-Nutzerdaten von der Webseite sammelt, auf der das Widget eingebaut wird. (Mit Klick auf das Fragezeichen findet man mehr Informationen dazu, beispielsweise dass man im Quelltext der Webseite im Kopfteil auch folgenden Meta-Tag einfügen sollte <meta name="twitter:dnt" content="on">.)

Anwendungsmöglichkeiten für Twitter-Boxen

Ich habe eine Twitter-Box mit meinen neuesten Tweets auf meiner tinto.de-Portalseite eingebaut (und zusätzlich auch eine automatische Liste meiner neuesten Blogartikel), damit diese Einstiegsseite nicht immer gleich aussieht, sondern bei jedem Besuch einen Überblick über alle meine neuen Tweets (und Blogartikel) enthält.

Die gleiche Twitter-Box wie auf der Portalseite habe ich auch im Media Newsroom von evaschumann.biz eingebunden, so dass meine Besucher und ich die meisten meiner Social Media Aktivitäten auf einen Blick erfassen können - noch nicht dabei sind lediglich Pinterest, Instagram und YoutTube.

Wer mit seinen Seitenbesuchern teilen möchte, was er/sie auf Twitter beachtenswert findet, konfiguriert die Twitter-Box so, dass sie seine/ihre Gefällt-mir-Tweets anzeigt.

Wer zeigen möchte, was zu einem Thema aktuell im Gespräch bei Twitter ist, packt interessante Twitter-Accounts in eine Liste und definiert die Twitter-Box so, dass die neuesten Tweets dieser Liste angezeigt werden, oder er definiert eine Hashtag-Suche, deren Ergebnisse in der Twitterbox erscheinen.

Was bei Ihnen Sinn macht, hängt von Ihrem Informations- und Kommunikationskonzept ab.

Anzeige



Ich verwende die verschiedenen sozialen Netzwerke zu unterschiedlichen Zwecken:
  • Twitter nutze ich einerseits zur Informationsbeschaffung: Dort sind neue Nachrichten als erstes zu finden. In meiner eigenen Twitter-Timeline stelle ich vorwiegend neue Blogartikel und Informationswebseiten aus meinem eigenen "Internetreich" vor. Gelegentlich teile ich auch besonders Interessantes aus meinem Netzwerk, wenn diese Tweets nicht nur meine Twitter-Follower, sondern auch meine Webseiten-/Blogbesucher interessieren könnten.
  • Zum Diskutieren bevorzuge ich die Kommentarfunktionen von Blogs sowie die Kommunikationsmöglichkeiten bei Facebook und Instagram.
  • Bilder schaue und teile ich am liebsten bei Instagram und bei Pinterest, Videos bei YouTube.

Das könnte Sie auch interessieren:
Anzeige


Sonntag, 23. Juni 2019

Blogging für Profis: Blogpost-Anatomie - Content Hacks to go 1 von Carola Heine (Buchvorstellung und Review)

Das dürfte auch andere BloggerInnen interessieren: Blogging für Profis: Blogpost-Anatomie* von Carola Heine. Das Buch ist das erste einer Reihe namens Content Hacks to go. Es geht in dieser ersten Folge um effiziente Blogpost-Briefings, Verbesserung der Sichtbarkeit von Blogposts im Internet allgemein und in Social Media im Speziellen. Kurze Buchvorstellung und meine persönliche Bewertung.**


Blogging für Profis: Blogpost-Anatomie - Content Hacks to go 1* von Carola Heine ist am 14.6.2019 als Taschenbuch und E-Book bei Amazon* erschienen.

Wer selbst bloggt oder anders online veröffentlicht, weiß, dass es selten reicht, ein interessantes Thema toll aufzubereiten und mittels Blogsystem o. Ä. online zu stellen, in der Hoffnung, die Welt wird das Werk schon entdecken. So funktioniert Sichtbarkeit im Internet nicht. Es ist ein wenig Know-how nötig, damit man von Suchmaschinen gefunden, in den Suchergebnissen auf den vorderen Plätzen platziert und dann in diesen auch noch ansprechend und zum Klicken anregend dargestellt wird.

Erfolgreich bloggen


Aber was genau ist bei der Arbeit für einen Blog und an dem jeweiligen Blogartikel zu bedenken, einzuplanen, vorzubereiten und je nach Arbeitsteilung zwischen Auftraggeberseite (Agentur und/oder Marketing/Sales und/oder Online-Redaktion) und Auftragnehmerseite (Blogger, TexterIn) später auch umzusetzen, um die Sichtbarkeit nach Erscheinen zu fördern? Und wie baut man diese zusätzlichen Erfordernisse in den Workflow ein, damit die Zusammenarbeit für alle Beteiligten erfolgreich wird? Diese Fragen beantwortet Carola Heine, Autorin und Digital Marketing Professional, in diesem Buch.

Carola Heine


Die Autorin ist eine bekannte und erfolgreiche Bloggerin. Sie bloggt seit etwa 25 Jahren sowohl privat als auch beruflich - letzteres nicht nur für eigene Blogs, sondern im Auftrag von Unternehmen für deren Corporate Blogs. In diesem Buch über die Blogpost-Anatomie teilt sie ihre Erfahrungen, gibt Tipps und liefert für die verschiedenen Beteiligten praktischerweise auch Checklisten mit.

Meinung zum Buch


Carola Heine weiß, wovon sie redet, und meine Erwartungen an das Buch - ihr mal bei der Arbeit über die Schulter schauen zu dürfen - wurden voll erfüllt. Zwar richtet sich das Buch eher an Blogger, TexterInnen, Agenturen etc. mit wenig Wissen zum Drumherum des erfolgreichen Online-Publizierens, aber auch mir, die ich selbst seit über 20 Jahren online publiziere, tat die Auffrischung gut beziehungsweise bekam ich an manchen Stellen den notwendigen Tritt in den Allerwertesten, mich bei meinen persönlichen Blogs endlich um das ein oder andere Plugin zur Onpage-Optimierung zu kümmern. Bezüglich Wordpress-Plugins hätte ich Interesse an weiteren Empfehlungen, am liebsten sogar Vergleiche, was welches kann. Aber vielleicht kommt das in den weiteren Folgen. Mein Appetit auf mehr ist jedenfalls geweckt.

Blogging für Profis: Blogpost-Anatomie - Content Hacks to go 1:
Effiziente Blogpost-Briefings. Erhöhte Online-Sichtbarkeit. Erfolgreicher bloggen.*
Carola Heine
Verlag: one-trick-pony.de, 14. Juni 2019
Taschenbuch
ca. 126 Seiten
ISBN 3-9480-3308-0


auch als Kindle-Edition (ASIN: B07T2JGV45)*

* Werbelink
** Buch selbst gekauft, Review not sponsered!


Das könnte Sie auch interessieren

Anzeige



Samstag, 17. Juni 2017

Letzte Blogartikel, Foren- und Social-Media-Beiträge als Linklisten in eine Website einbinden

Damit die Einstiegseite einer Website nicht immer gleich aussieht und gleiche Inhalte zeigt, lassen sich die neuesten Beiträge aus Blogs, Foren und/oder Social-Media-Seiten als automatisch aktuelle Linklisten einbinden. Man kann auf die Art auch eine Nachrichtenseite ((Social) Media Newsroom) basteln, auf der man alle neuen Veröffentlichungen der verschiedenen Kommunikationskanäle wie Blogs, Foren, Twitter-Accounts sowie von Social-Media-Seiten aufführt. Von diesem Nachrichtenüberblick oder einer speziellen Nachrichtenseite profitieren nicht nur Kunden, Geschäftspartner oder andere Seitenbesucher, sondern auch man selbst beziehungsweise die Mitarbeiter sehen auf einen Blick, was alles in letzter Zeit online publiziert wurde. In diesem Blogbeitrag wird beschrieben, wie man mithilfe von FeedBurner automatisch eine Liste der letzten Blogbeiträge erstellen und einbinden kann.

Wie man die letzten Tweets mithilfe eines Twitter-Widgets als Twitterbox auf einer Webseite einbindet, wird bei Twitter auf Website einbinden erläutert. Für Foren von Forum-Romanum sowie für Facebook-Seiten gibt es ebenfalls einfache Lösungen. Mit Hilfe eines Werkzeuges kann man auch den eigenen Unternehmensblog oder Themenblog auslesen und eine Liste aus verlinkten Überschriften mit dem jeweiligen Textanfang automatisch generieren und auf einer beliebigen Website einbauen, ohne dass man selbst anspruchsvoll programmieren können muss. Wie beim Twitter-Widget muss man nur ein bisschen Code in den Quelltext der Webseite, auf der die Liste eingespielt werden soll, einfügen.

Ein Schnipsel Code bewirkt, dass immer die letzten Beiträge meines Blogs im gelb markierten Bereich auf der Portalseite von tinto.de aufgeführt werden.
Das Werkzeug meiner Wahl, mit dessen Hilfe ein Feed "gebrannt" und auch der Code zum Publizieren – in diesem Fall ist es JavaScript - generiert wird, ist der FeedBurner von Google, der einen Dienst namens BuzzBoost enthält. Der Haken: Offiziell hat Google die Programmierschnittstelle (Application Access Interface, API) seines kostenlosen FeedBurners schon 2012 eingestellt, bietet keinen Support mehr und unterstützt auch nicht mehr Adsense for Feeds, aber in der Praxis funktioniert der FeedBurner bei mir für die unten beschriebene Einbindungsfunktion bis heute einwandfrei. Ich habe ihn für Wordpress-, Blogger-, Tumblr-Blogs sowie für Googleplus-Seiten im Einsatz. Die Anwendung ist einfach und ein Social Media Newsroom ist damit schnell erstellt (Beispiel Social Media Newsroom von evaschumann.biz). Es gibt zwar keinerlei Angaben, wie lange Google den Service noch laufen lässt, aber das Problem, dass ein Dienst aus dem Internet verschwinden kann, hat man immer. Notfalls muss man auf Alternativen zum FeedBurner ausweichen – die sind teilweise kostenpflichtig, oft aber auch mit neuen Funktionen ausgestattet, – oder selbst programmieren.

Anzeige


Alternativen zum Google FeedBurner 

Was ist ein Widget?
Ein Widget ist ein Dienst, der auf einem Bildschirm, also einer grafischen Oberfläche, angezeigt wird. Ein Widget ist im Gegensatz zur App kein selbstständiges Programm, sondern ist in eine Umgebung eingebunden. Web-Widgets, wie das Twitter-Widget, kann man in den Quellcode einer Webseite einfügen – an der Stelle wird dann der Dienst, in dem Fall die Twitterbox mit den letzten Tweets, angezeigt.

So sieht beispielsweise der Twitterbox-Widget-Code für meinen Account eva4tinto aus:
<a class="twitter-timeline" href="https://twitter.com/eva4tinto" data-widget-id="344824960914690048">Tweets von @eva4tinto</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Den musste ich aber nicht selbst programmieren, sondern konnte ihn mit Twitter in wenigen Minuten generieren und konfigurieren. -> Zur Anleitung Twitter auf Website einbinden


Was ist FeedBurner?
Ein Feed ist ein Nachrichtenstrom in einem Format, das mit dem passenden Feedreader dargestellt und gelesen werden kann. Manche Feedreader sind im Browser integriert, andere wie Feedly sind eigenständige Programme oder Apps.

Ein Feedburner ist ein Dienst, mit dem ein optimierter Feed erstellt wird. Außerdem lassen sich mit ihm Statistiken abrufen und analysieren, die Feed-Abonnenten verwalten, Feeds per E-Mail verschicken und vieles mehr.

FeedBurner ist ein Google Dienst, mit dem man einen Web-Feed optimieren („brennen“) und unter anderem über das Einbinden woanders bekannt machen kann. Im Grunde wird der Feed in eine Webseite eingebaut. Wie oben erwähnt hat Google allerdings die API, den Support und Adsense for Feed 2012 offiziell eingestellt, doch der FeedBurner und die alten Hilfen sind alle noch online.

Hinweis:
Manche Blogs werden öfter über einen Feedreader gelesen als direkt im Blog. Wer von Werbeeinnahmen seiner Anzeigen im Blog abhängig ist, sollte sich überlegen, ob er/sie den ganzen Feed für Feedreader freigibt oder nur Überschrift und erste Sätze mit Link zum vollständigen Originalartikel.

Anleitung, wie man Blogartikel-, Foren- und Social-Media-Beiträge als Linklisten in eine Website einbindet

Die Vorgehensweise hat mehrere Etappen, die wiederum jeweils aus mehreren Schritten bestehen. Dies sind die Etappen:
  • Zuerst wird der Feed mit FeedBurner „gebrannt“ und die Veröffentlichung vorbereitet. 
  • Dann wird optional „gebrandet“ (der öffentliche Link zum Feed gehört dann zur eigenen Domain und nicht zum FeedBurner). 
  • Schließlich wird der Code eingebaut.  

Etappe 1: Den Feed mit FeedBurner brennen

Voraussetzung für die Nutzung des FeedBurners ist ein Google-Konto.
  1. Gehen Sie zu http://feedburner.google.com und melden Sie sich mit Ihren Google-Daten an. Wer noch kein Google-Konto hat, klickt auf Weitere Optionen -> Konto erstellen und erstellt ein Konto.
  2. Nach dem Einloggen landet man auf der Seite My Feeds. Um einen Feed zu brennen, gibt man die URL des Feeds in das Feld unter Burn a feed right this instant. ein und klickt auf Next.

    Bei Tumblr lautet die Feed-URL beispielsweise http://evaschumann.tumblr.com/rss,
    bei Blogger-Blogs beispielsweise: http://beste-geldanlage.blogspot.com/feeds/posts/default oder http://text-und-kommunikation.blogspot.com/feeds/posts/default,
    bei meinem Wordpress-Blog (tinto bloggt) beispielweise http://www.tinto.de/tipps/feed/
    bei meiner Googleplus-Seite tinto – Tipps und Themen ist die URL http://gplus-to-rss.appspot.com/rss/116952844595275855722 (Ersetzen Sie einfach meine ID durch Ihre eigene.)

    Das Fenster Welcome! Let us burn a feed for you. wird geöffnet. 
  3. Übernehmen Sie die Vorschläge für den Feed Title und die Feed Address oder ändern Sie sie. Klicken Sie Next.
    Das Fenster Congrats! Your … wird geöffnet.
    Klicken Sie Skip directly to feed management.
    Das Feed-Fenster öffnet sich. 
  4. Klicken Sie auf den Reiter Optimize, dann links in der Navigation auf BrowserFriendly (Funktion sollte standardmäßig bereits aktiviert sein).
    Optimize Your Feed wird geöffnet.

    Die voreingestellten Appearance Options und die Content Options werden angezeigt. Hier muss normalerweise nichts verstellt werden.  
  5. Klicken Sie auf den Reiter Publicize, dann links in der Navigation auf BuzzBoost (standardmäßig noch nicht aktiviert).
    BuzzBoost wird geöffnet. 
  6. Die Feed Settings in BuzzBoost konfigurieren



    und dann auf Activate klicken.
    Die Einstellungen lassen sich danach jederzeit verändern und speichern.
    Im oberen Bereich wird nach der Aktivierung Your BuzzBoost Is Ready angezeigt. Dort können Sie (später, siehe Etappe 3) den Code entnehmen, mit dem Sie den Feed auf einer Webseite einbauen. 
So sehen die Code-Schnipsel aus, die man von FeedBurner erhält:
Skript-Beispiel für Wordpress-Blog:
<script src="http://feeds.feedburner.com/TintoBloggt?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/TintoBloggt"></a><br/>Powered by FeedBurner</p> </noscript>

Skript-Beispiel für einen Blogger-Blog:
<script src="http://feeds.feedburner.com/BesteGeldanlage?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/BesteGeldanlage"></a><br/>Powered by FeedBurner</p> </noscript>

Skript-Beispiel für eine Googleplus-Seite:
<script src="http://feeds.feedburner.com/appspot/pJND?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/appspot/pJND"></a><br/>Powered by FeedBurner</p> </noscript>


Nur zur Information für besonders Interessierte

Zum Vergleich: So sah der Code zur Einbindung der Facebook Like Box aus:
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FEva-Schumann-Text-Kommunikation%2F156644737729445&amp;width=330&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=true&amp;header=true&amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:330px; height:427px;" allowTransparency="true"></iframe>

Inzwischen ist die Like Box zwar offiziell aus dem Programmangebot genommen worden, funktioniert aber noch, da sie hinter den Kulissen in das neue Seiten-Plugin umgewandelt wird. Das neue Seiten-Plugin von Facebook for Developers generiert einen zweigeteilten Code:
Der erste Code-Teil ist das JavaScript Software Development KIT (SDK) und muss im Quelltext gleich nach <body> eingefügt werden. Er sieht so aus:
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.9"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Der zweite Code-Teil kommt im Quelltext dorthin, wo die Facebook-Box mit den letzten Posts ausgespielt werden soll. Er setzt sich folgendermaßen zusammen:
<div class="fb-page" data-href="https://www.facebook.com/Gartensaison/" data-tabs="timeline" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/Gartensaison/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Gartensaison/">Gartensaison-Hobbygärtner</a></blockquote></div>

Und dies ist der Code zur Einbindung von Forenbeiträgen aus meinem Geld-Forum bei Forumromanum:
<script src="http://349849.forumromanum.com/member/forum/last_entry.php?action=ext_index&amp;USER=user_349849&amp;threadid=4&amp;page=10&amp;font=Arial&amp;font_size=2&amp;cell_width=120&amp;table_width=380"></script>
Für ein anderes Forum muss man nur die Nummer 349849 am Anfang und in der User-ID user_349849 ersetzen.

Anzeige

Etappe 2 (optional): Branding

Oben habe ich gezeigt, wie der Code aussieht, den der FeedBurner BuzzBoost generiert. Allerdings habe ich meinen Feed gebrandet, sprich: ihm eine URL in meiner Domain verpasst, sodass mein Skript für den Einbau der Überschriften vom Wordpress-Blog nun so lautet:
<script src="http://feeds.tinto.de/TintoBloggt?format=sigpro" type="text/javascript"></script><noscript><p> Subscribe to RSS headline updates from: <a href="http://feeds.tinto.de/TintoBloggt"></a><br/>Powered by FeedBurner</p> </noscript>

So sieht das Skript beispielsweise für Blogger-Blogs aus: <script src="http://feeds.tinto.de/BesteGeldanlage?format=sigpro" type="text/javascript"></script><noscript><p> Subscribe to RSS headline updates from: <a href="http://feeds.tinto.de/BesteGeldanlage"></a><br/>Powered by FeedBurner</p> </noscript>

So funktioniert das Branding mit MyBrand – über Google FeedBurner konfiguriert: 
  1. Im Google FeedBurner in der Navigation ganz rechts oben auf My Account -> MyBrand klicken und den CNAME Alias kopieren.


  2. Beim Hosting-Provider in der Domain-Verwaltung eine Subdomain, beispielsweise feeds, für die Domain einrichten und für die Subdomain die DNS-Einstellungen, nämlich den CName Alias vom vorherigen Schritt eintragen.
    Anzeige
  3. Damit jeweils der richtige Blog ausgewählt wird, muss man den Namen, so wie man ihn im FeedBurner bei den Feed Details eingetragen hat, beispielsweise BesteGeldanlage, an die gebrandete Feedadresse hängen.



    Hinweis: Falls man bei Wordpress ein Feedburner Plugin installiert hat, muss man dort auch die neue Feedburner-Adresse eintragen, damit die Besucher dorthin weitergeleitet werden. Ebenso trägt man bei Blogger-Blogs unter Einstellungen -> Sonstiges im Bereich Website-Feed jeweils die neue gebrandete URL als Weiterleitungs-URL für Post-Feeds ein. 

Etappe 3: Den Code in den Quelltext einer Webseite einfügen

  1. Klicken Sie im FeedBurner auf der Startseite auf den Blog, dessen Feed Sie integrieren möchten. Wählen Sie den Reiter Publicize
  2. Klicken Sie links in der Navigation auf BuzzBoost.
    BuzzBoost wird geöffnet. 
  3. Im Bereich Feed Settings prüfen Sie noch einmal, was der publizierte Feed enthalten soll, und speichern ihn. 
  4. Kopieren Sie den Code in die Zwischenablage. 
  5. Öffnen Sie die Webseite, in die der Code eingebaut werden soll, mit einem HTML-Editor und fügen Sie den Code an der gewünschten Stelle in den Quelltext ein.


    Der gelb eingerahmte Code spielt den Feed auf der Webseite aus. Wie das im Browser aussieht, sieht man ganz oben im obersten Screenshot im gelben Rahmen. 
  6. Speichern Sie die Änderungen und prüfen Sie, ob die gewünschten letzten Beiträge in der gewünschten Art angezeigt werden.
Damit die eingespielten Überschriften und Texte optisch zum Rest der Webseite passen oder sich - wenn gewünscht - als Block abheben, kann das Aussehen mit CSS (.feedburnerFeedBlock) angepasst werden, siehe Buzzboost Google Support hier.

Disclaimer: Alle Angaben ohne Gewähr. Jede Haftung ist ausgeschlossen.

 Das könnte Sie auch interessieren:

Sie suchen Werbeplatz in diesem Blog oder eine technische Redakteurin/Autorin/Texterin zu Software-, Informatik- oder Internetthemen für Ihre Website, ein Buchprojekt, ein Kundenmagazin o. Ä.? Schreiben Sie mir!

Anzeige


Montag, 10. März 2014

Browser-Top-Ten Anfang 2014: Mein Gewinner heißt Firefox!

Angeblich führt Chrome den europäischen Browsermarkt an, aber auf meinen deutschen Webseiten ist Chrome schon fast abgeschlagen auf Platz 4. Mein Gewinner heißt Firefox. Safari und Internet Browser schlagen sich um Platz 2 und 3.

Internet World Business hatte gestern die Schlagzeile, dass Google Chrome im europäischen Browsermarkt die Nase vorn habe, und beruft sich auf das Browser-Barometer des Webanalyse-Anbieters AT Internet. Ich konnte es gar nicht glauben und guckte mir sicherheitshalber meine eigene Webstatistik für die letzten 30 Tage an. Und da sieht es völlig anders aus: 

Meine Browser-Top-Ten der letzten 30 Tage (7.02.2014 bis 9.03.2014 und gleicher Zeitraum im Vorjahr) bei tinto.de:

Top-Ten-Browser 2014
Platz 1:
Firefox 30,95 % (Vorjahr: 37,57 %) 

Platz 2:
Safari 20,95 % (Vorjahr: 16,41 %)

Platz 3:
Internet Explorer 20,81 % (Vorjahr: 25,12 %)

Platz 4:
Chrome 14,56 % (Vorjahr: 12,18 %)

Platz 5:
Android Browser 9,91 % (Vorjahr: 5,52 %)

Platz 6:
Opera 1,91 % (Vorjahr: 1,81 %)

Platz 7:
Safari (in-app) 0,35 % (Vorjahr: 0,85 %)

Platz 8:
Amazon Silk 0,18 % (Vorjahr: 0,00 %)
Das ist der Browser des Kindle Fire Android Tablet

Platz 9:
Blackberry 0,10 % (Vorjahr: 0,00 %)

Platz 10:
Opera Mini 0,09 (Vorjahr: 0,08 %)

Da es sich bei tinto.de und seinen Projekten überwiegend um Informationsseiten für Verbraucher (Garten-, Geld-, Gesundheits- und ähnliche Themen) handelt, sind die Besucher nicht allzu technikaffin im Vergleich zu Entwicklern oder anderen möglichen Zielgruppen.

Ich selbst praktiziere Multi-Browser-Browsing - ich setze zum Browsen Firefox, Opera, Internet Explorer, Chrome und Safari ein - eigentlich jeden für einen anderen Zweck, aber ich komme auch mal aus dem Takt. Und ich ärgere mich sehr, wenn ich auf eine Webseite komme, die mir sagt, sie mag meinen Browser nicht, ich solle Chrome nehmen. Ziemlich arrogante Art mit seinen Besuchern umzugehen!

Firefox und Internet Explorer haben im Vergleich zum Vorjahr zwar ordentlich Federn gelassen, aber davon hat Chrome laut meiner Webstatistik nur mit knapp 2,5 % hinzugewonnenem Marktanteil profitiert. 4,5 % hat sich dagegen Safari gekrallt. 

Ich kann nur raten, sich als Website-Betreiber oder Blogger mit eigenem Blog nicht von Schlagzeilen manipulieren zu lassen und statt dessen vor der Änderung seines Webdesigns bzw. der Seitenoptimierung zu gucken, wer die eigene Zielgruppe ist, was sie mag und was sie macht.

Anzeige
www.kabeldeutschland.de

Ich würde mich freuen, wenn andere Webseiten- und Blogbetreiber auch Einblicke in ihre Browserstatistiken gewährten.

Sonntag, 16. Februar 2014

Der Corporate Blog (Unternehmensblog) als Teil der Kommunikationsstrategie

Vorbei sind die Zeiten, als Informationen fast ausschließlich thematisch sortiert und hierarchisch strukturiert ins Internet gestellt wurden, und ohne dass ein Austausch zwischen Autoren und Lesern stattfinden konnte. Heute sucht man als Freiberufler oder Unternehmen den Kontakt zu Kunden und Netzwerk-Kollegen und den Austausch mit ihnen. Man will ihre Reaktion, will mehr über sie wissen – entweder um besser auf sie eingehen zu können oder um voneinander zu lernen, letztendlich um zusammen und bei beidseitiger Zufriedenheit weiterzukommen.

Viele Freiberufler und Unternehmen wählen den Weg über die sozialen Netzwerke, um diese Kontakte zu knüpfen und zu pflegen, dort bereiten sie Themen mit aktuellem Bezug auf und bringen sich über sie ins Gespräch mit ihren Zielgruppen. Doch haben diese Social-Media-Plattformen ihre eigenen Interessen und es kann gefährlich sein, sich zu abhängig von ihnen zu machen. Facebook, Twitter, Google+ und Co. können jederzeit ihre Spielregeln ändern – und das tun sie auch laufend - und dann können die investierte Zeit, aufwendig erstellte Inhalte und damit jede Menge Geld fehlinvestiert sein.

Hier kommen Blogs ins Spiel, insbesondere der Corporate Blog: Blogs bieten die Möglichkeit Informationen und andere Inhalte mit Zeitbezug ausführlich auf einer eigenen Plattform, dem Unternehmensblog, aufzubereiten. Neue Gesprächsthemen stellt man zwar in den sozialen Netzwerken vor, verweist aber auf den ausführlichen Blogbeitrag im Corporate Blog. So behält man die Kontrolle über die eigenen Inhalte und die Leser haben die Wahl, in den sozialen Netzwerken oder direkt im Blogartikel zu kommentieren und zu diskutieren.

Anzeige


Für Einsteiger: Was sind Blogs überhaupt?

Das Wort Blog ist eine Verkürzung des Begriffs Weblog und steht für Web-Tagebuch. In einem Blog werden mehr oder weniger regelmäßig Artikel, auch Posts genannt, geschrieben, wobei die neuesten als oberste angezeigt werden. Ein Blogartikel kann Text, (interaktive) Grafiken, Fotos, Videos und andere Medien enthalten. Blogartikel sind üblicherweise mit einem Datum versehen und haben einen aktuellen Bezug. Sie werden oft aus persönlicher Sicht geschrieben, und sie sind meistens, aber nicht immer, interaktiv und bieten dann eine Kommentierfunktion und Empfehlungsmöglichkeiten an Freunde/Follower/Abonnenten in sozialen Netzwerken wie Facebook, Twitter, Google+.

Sortiert sind die Blogartikel eines Blogs zwar zunächst durch ihr Datum, doch da jedem Artikel Kategorien und/oder Begriffe (Tags) zugeordnet werden können, kann man sie über diese auch nach Themen zusammenfassen – und da diese Bündelungen eine Web-Adresse haben, kann man auf sie verlinken und so beispielsweise eine Navigation nach Themen erstellen. (Hier findet man zum Beispiel alle Artikel mit dem Tag Blogs in diesem Blog: Blogs).

Die Blogtechnologie wird oft auch als ein einfaches Web Content Management System (CMS) verwendet, welches verschiedene Autoren mit Texten, Fotos und anderen Inhalten befüttern, ohne dass in jedem Falle auch die interaktiven Möglichkeiten aktiviert werden. Auf manchen Websites wird die Blogtechnologie auch nur für Teilbereiche genutzt, z. B. für die Veröffentlichung von Unternehmensnachrichten, Pressemitteilungen oder eben dem Unternehmensblog (Corporate Blog) als Ergänzung zu den Ratgeberseiten, zum Online-Shop und anderem.

Sehr praktisch an Blogs ist, dass zusätzliche Funktionen über Plug-ins, kleine Software-Bausteine, hinzugefügt werden können.

Corporate Blog versus Homepage

Wer Internet hat, der sucht heutzutage nicht mehr im Telefonbuch oder ruft bei der Auskunft an, sondern schaut im Internet nach. Unternehmen, die nicht im Internet zu finden sind, existieren für einen Großteil der Menschheit nicht. Zwar gibt es viele Verzeichnisdienste im Internet, bei denen man sich als Unternehmen eintragen kann, aber mal ehrlich: Bei den meisten findet man den gesuchten Eintrag vor lauter Werbung nicht.

Auch der Weg, sich über soziale Netzwerke online zu präsentieren, ersetzt die eigene Homepage nicht, sondern macht von den Plattformen abhängig.

Die eigene Homepage mit oder ohne Online-Shop bietet die beste Möglichkeit, sein Unternehmen zu präsentieren. Aber ein Corporate Blog, der dieses Zentrum umkreist, erweitert die Möglichkeiten mit (potenziellen) Kunden und anderen zu kommunizieren, die eigene Kompetenz durch gute Inhalte und Tipps vom Profi zu untermauern sowie sich durch den aktuellen Bezug regelmäßig in Erinnerung zu bringen. Und nicht zu unterschätzen ist die positive Wirkung auf das Ranking der Homepage bzw. des Online-Shops durch die Verlinkungen aus dem Blog zu eben diesen.
Das Zentrum des Online-Auftritts sollten Homepage und Online-Shop sein. Sie werden von einem oder mehreren Corporate Blogs umkreist. Statt alle hochwertigen Kommunkationsinhalte mit Zeitbezug in die Social-Media-Plattformen zu legen, werden sie besser überwiegend in dem/den Corporate Blog(s) veröffentlicht und von Twitter, Facebook, Google+ & Co. aus jeweils mittels Teasern darauf verwiesen. Diskussion und Austausch können auf den Social-Media-Plattformen und in den Corporate Blogs stattfinden. In den Über-Mich-Bereichen der Social-Media-Plattformen führt man aber auch die direkten Links zur Homepage, eventuell zum Impressum (falls nicht anders gelöst) und zum Online-Shop auf. Der oder die Corporate Blogs verlinken natürlich auch regelmäßig auf die Homepage und den Online-Shop. Die Kunden oder eine andere Zielgruppe müssen an allen Stellen die Möglichkeit zur Kontaktaufnahme haben und es muss zeitnah auf sie eingegangen werden!

Mit (Corporate) Blogs in Verbindung bleiben (Feedreader & Co.)

Neben der Kommentierfunktion und der Möglichkeit, Blogartikel über die Social-Media-Funktionen (eingebundene Social Plug-ins) im Freundeskreis oder Netzwerk weiterzuempfehlen, haben Blogs für die Leser auch den Vorteil, dass sie sich sehr einfach über neue Blogartikel und Kommentare auf dem Laufenden halten können – beispielsweise, indem sie sie sich in einen E-Mail-Verteiler eintragen oder den RSS-Feed abonnieren.

Beim Internet Explorer findet man das RSS-Symbol oben in der Befehlsleiste.
Bietet eine Webseite oder ein Blog einen RSS-Feed, ist das Symbol orangefarben.

RSS steht für Really Simple Syndication, also für "wirklich einfache Verteilung", z. B. von Blogartikelinhalten. Für das Abonnieren und Lesen von RSS-Feeds wird ein RSS-Feedreader benötigt, der aber oft bereits im Browser enthalten ist oder als Browser-Plugin ergänzt werden kann. Ob ein Blog einen RSS-Feed liefert, erkennt man am orangefarbenen Feed-Symbol oder einem RSS-Icon entweder im Blog selbst und/oder in den Browser-Feldern.
Corporate Blogs sollten das Abonnieren
der Blogartikel per E-Mail und per RSS
leicht machen.


Lesen kann man die Feeds dann mit dem Feedreader – entweder dem zum Browser gehörenden oder einem externen. Bei Firefox findet man den Feedreader und seine Verwaltungsmöglichkeiten beispielsweise unter Lesezeichen, bei Opera im Hauptmenü unter Feeds und beim Internet Explorer bei den Favoriten unter dem Reiter Feeds. Chrome- und Safari-Nutzer nehmen meist externe Feedreader, die man als Browsererweiterung einbinden kann.

Sehr praktisch ist der webbasierte Feedreader Feedly, der alle abonnierten Blogs sehr übersichtlich darstellt.

Unternehmensblog (Corporate Blog)

Ein Unternehmensblog ist der Blog eines Freiberuflers oder Unternehmens, mit dem ein geschäftliches Ziel verfolgt wird, beispielsweise:
  • Kunden mit Nachrichten aus dem Unternehmen versorgen, mit Informationen zum Sortiment neugierig machen, mit besonderen Tipps zur Verwendung von Produkten begeistern.
  • Meinungen und Feedback von Kunden/Lesern zu Themen und Produkten einholen 
  • Das Unternehmen, sich und/oder die Mitarbeiter, als Experten und Ansprechpartner positionieren 
  • Mit Branchenkollegen Branchenthemen diskutieren und Strategien finden 
  • Die Unternehmens-Homepage und/oder den Online-Shop stärken 
Voraussetzungen für einen erfolgreichen Corporate Blog:
  • Einbindung des Corporate Blogs in eine übergeordnete PR-/Marketing-/ Kommunikationsstrategie
  • Erscheinungsbild des Corporate Blogs passend zum Unternehmen/Marke gestalten 
  • Selbst erklärende Nutzeroberflächen und kurze Ladezeiten 
  • Themen wählen, die für die Kunden o. a. Zielgruppe relevant sind und einen Mehrwert bieten
  • Authentisch und kompetent sein 
  • Mit Begeisterung anstecken 
  • Inhalte fachlich korrekt darstellen
    (keinesfalls bei Nicht-Fachleuten billig eingekaufte Texte online stellen) 
  • Den Ton der Zielgruppe treffen 
  • Rechtschreibung und Zeichensetzung sollten i. d. R. perfekt sein
  • Inhalte müssen internetgerecht aufbereitet werden
  • Regelmäßige Veröffentlichungen und zeitnahe Beantwortung von Kommentaren schaffen Vertrauen 
Ein Corporate Blog kann die Kundenbindung verbessern und neue Kunden anziehen, die Marke bekannt machen, den Online-Shop unterstützen und vieles mehr. Wenn man vom Unternehmensblog aus auf das Zentrum seiner Internetpräsenz verlinkt (das sollte die Homepage oder der Online-Shop sein), stärkt man dieses – das kann auch zu einem besseren Platz in den Suchergebnissen der Suchmaschinen verhelfen.

Eines sollte man aber wissen: Ein guter Blog macht in der Regel viel Arbeit.

Der Weg zum eigenen Blog

Was das Konzept, das technische Aufsetzen und die optische Gestaltung betrifft, kann man all dies mehr oder weniger mühselig lernen oder dafür einen Fachmann/Fachfrau engagieren. Was beim kleinen Hofladen vielleicht sympathisch unperfekt und authentisch wirken kann, signalisiert bei einem anderen Unternehmen Schlampigkeit, Inkompetenz und Unzuverlässigkeit. Beim Corporate Blog darf man nicht am falschen Platz sparen.

Das müssen Sie oder Ihr(e) Dienstleister idealerweise können:
  • "Technische" Einrichtung und Administration eines Blogs 
  • Optische Gestaltung entwickeln und ins Web und/oder für mobile Geräte transportieren
  • Ihr Unternehmen, die Produkte und Kunden kennen 
  • Draht zur Zielgruppe haben
  • Fachkenntnisse über die Produkte und ihre Verwendung haben
  • Für das Internet schreiben können: den richtigen Ton treffen, begeistern, sehr gute Rechtschreib-, Grammatik- und Zeichensetzungskenntnisse haben 
  • Kenntnisse der Suchmaschinenoptimierung 
Als Redaktionssysteme eignen sich beispielsweise:
  • ExpressionEngine für professionelle Corporate Blogs 
  • Wordpress ist das gebräuchlichste Redaktions-/Blogsystem für private und Corporate Blogs (Beispiel: tinto bloggt
  • Concrete5 ist ein Redaktionssystem für Einsteiger 
  • Kostenlose Blogs kann man auf Blog-Plattformen wie blogger.com (Beispiel: Gartentipps), wordpress.com und tumblr.com (Beispiel: Blog für alle Fälle) einrichten. Sie eignen sich hauptsächlich für Hobby- und halbprofessionelle Blogs 

Weitere Informationen im Internet