Zun\u00e4chst: Eine ver\u00f6ffentlichte Web Story taucht nicht wie ein normaler Beitrag in Deinem Blog auf. Um eine Story also in den normalen Beitrags\u00fcbersichten und auf der Startseite Deines Blogs sichtbar zu machen, legst Du im Gutenberg-Editor einen neuen WordPress-Beitrag an und bettest die Story dort ein. Das Story-Plugin macht Dir das sehr einfach \u2013 es fragt bei Ver\u00f6ffentlichung einer Story n\u00e4mlich direkt, ob es auch einen entsprechenden Beitrag anlegen soll.<\/p>\n\n\n\n
So sieht eine Web Story im Desktop-Browser aus, wenn Du sie in einen Blog-Beitrag einbettest: <\/p>\n\n\n\n Allerdings ist die Story durchaus auch ohne Einbettung in einen normalen Beitrag auch im Desktop-Browser abrufbar. Die von WordPress automatisch erzeugte Kategorie-\u00dcbersichtsseite (Archive) zu den Web Stories, typischerweise unter der URL https:\/\/www.deinedomain.de\/web-stories\/<\/em>, verlinkt die Stories n\u00e4mlich direkt. Unter Document \u2013 Permalink<\/em> findest Du die URL, unter der die Story direkt erreichbar ist und kannst sie auch bearbeiten. Diese URL folgt dem Schema https:\/\/www.deinedomain.de\/web-stories\/name-der-story.<\/em><\/p>\n\n\n\n Mit dieser URL wird die Story im Desktop-Browser so\ndargestellt:<\/p>\n\n\n\n \u00dcber diese URL ist die Story auch direkt am Smartphone abrufbar und Google listet Web Stories bei der mobilen Suche auch separat und macht sie direkt aufrufbar, unabh\u00e4ngig von einem eventuell vorhandenen WordPress-Beitrag, in die die Story eingebettet ist.<\/p>\n\n\n\n So sehen Deine User die Story am Smartphone: <\/p>\n\n\n\n Wenn Du es noch nicht getan hast, solltest Du sp\u00e4testens vor\nVer\u00f6ffentlichung der ersten Story ein Website-Logo hochladen, denn das ist\neines der Pflichtelemente einer Google Web Story. Au\u00dferdem braucht jede Story\nein Titelbild, dass Du unter Document \u2013\nCover Image<\/em> hochl\u00e4dst. Das Cover Image muss ein Seitenverh\u00e4ltnis von 3:4\n(Hochformat) einhalten und muss mindestens 640×853 Pixel gro\u00df sein.<\/p>\n\n\n\n Falls Du der Story (links oben im Editor) noch keinen Titel gegeben hast, verlangt das Plugin das sp\u00e4testens bei der Ver\u00f6ffentlichung. Dringend zu empfehlen ist auch, eine Kurzbeschreibung (Description) <\/em>zur Story einzuf\u00fcgen, um Deine Chancen zu verbessern, dass die Story bei Google auch gefunden wird.<\/p>\n\n\n\n \u00dcbrigens: Mit der Grid View-<\/em>Funktion \u2013 dem Symbol mit den vier Rechtecken in der echten, unteren Ecke des Editors \u2013 kannst Du alle Seiten Deiner Story als \u00dcbersicht betrachten. Das gibt Dir einen guten \u00dcberblick \u00fcber die Dramaturgie der Story und zeigt Dir, ob das Design der Einzelseiten auch ein gutes Gesamtbild abgibt. <\/p>\n\n\n\n Praktischerweise pr\u00fcft das Plugin automatisch, ob Deine erstellte Story den Anforderungen f\u00fcr eine g\u00fcltige Google Web Story erf\u00fcllt und gibt Dir im Reiter Checklist<\/em> rechts oben im Editor Hinweise, wo Verbesserungsbedarf besteht.<\/p>\n\n\n\n Fehlermeldungen unter High\nPriority<\/em> solltest Du auf jeden Fall beachten. Im Bereich Recommended<\/em> gibt Dir das Plugin\nHinweise, wie Du Deine Story verbessern und attraktiver gestalten kannst. Diese\nTipps beziehen sich beispielsweise auf die L\u00e4nge der Story, schlecht lesbaren\nText wegen zu geringem Kontrast zur Hintergrundfarbe und \u00c4hnliches.<\/p>\n\n\n\n Zumindest bei Stand Februar 2021 l\u00e4uft hier aber noch nicht alles perfekt. Immerhin ist das Plugin zu diesem Zeitpunkt auch noch in der Beta-Phase. Beispielsweise bekommst Du oft die Fehlermeldung, das Titelbild sei im falschen Forma, obwohl es genau den Anforderungen entspricht. Das kannst Du dann nat\u00fcrlich ignorieren.<\/p>\n\n\n\n Das Plugin erm\u00f6glicht Dir auf einfache Weise, Google-Anzeigen via Google Adsense oder Google Ad Manager einzuf\u00fcgen und die Zugriffe auf die Web Stories per Google Analytics zu erfassen. Dazu musst Du in den Plugin-Einstellungen lediglich Deine Analytics Tracking ID beziehungsweise Publisher ID eintragen.<\/p>\n\n\n\n Ein wenig komplizierter wird es naturgem\u00e4\u00df, wenn Du nicht Google Analytics einsetzt, sondern mit Matomo (ehemals Piwik) arbeitest. Klar: Google macht es einem in seinem eigenen Plugin nicht leicht, die Konkurrenz einzusetzen.<\/p>\n\n\n\n Ganz ohne ein paar Zeilen PHP und etwas WordPress-Programmierkenntnisse geht es nicht. Mit Hilfe der Action web_stories_print_analytics<\/em> kannst Du Deinen eigenen Tracking-Code einsetzen, sofern er f\u00fcr AMP-Analytics geeignet ist. F\u00fcr Matomo f\u00fcgst Du der functions.php<\/em> Deines (Child-)Themes folgende Code-Zeilen hinzu: <\/p>\n\n\n\n Wobei Du in diesem Code nat\u00fcrlich den Part DEINEDOMAIN.DE\/PFAD-ZU-MATOMO<\/em> entsprechend anpassen musst.<\/p>\n\n\n\n Das Google-Web-Stories-Plugin ist (Stand Februar 2021)<\/em> stabil, aber noch in der Beta-Phase. Falls Probleme bei der Verwendung auftreten, findest Du Hilfe im \u2013 allerdings englischsprachigen \u2013 Supportforum<\/a>. Die Entwickler beantworten Fragen dort sehr schnell, sofern eine passende Antwort nicht ohnehin schon im Forum vorhanden ist.<\/p>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/blog-darstellung.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/desktop-version-direkt-url.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/Screenshot_20210123-134321.jpg\")
<\/figure><\/div>\n\n\n\nSchritte vor der Ver\u00f6ffentlichung<\/h2>\n\n\n\n
![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/grid-view.jpg\")
Checkliste vor der Ver\u00f6ffentlichung<\/h2>\n\n\n\n
![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/checklist.jpg\")
Tracking und Werbung: Google Adsense, Google Analytics<\/h2>\n\n\n\n
![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/analytics-adsense.jpg\")
Matomo-Trafficanalyse einbinden<\/h2>\n\n\n\n
add_action(\n 'web_stories_print_analytics',\n static function() {\n echo '<amp-analytics type=\"gtag\" data-credentials=\"include\"><script type=\"application\/json\">{\t\t\n \"triggers\": {\n \"trackPageview\": {\n \"on\": \"visible\",\n \"request\": \"pageview\"\n }\n },\n \"requests\": {\n \"base\": \"\/\/DEINEDOMAIN.DE\/PFAD-ZU-MATOMO\/matomo.php?idsite=1&rec=1&action_name=${title}&url=${sourceUrl}&rand=${random}&apiv=1&urlref=${documentReferrer}&res=${screenWidth}x${screenHeight}&lang=${browserLanguage}>_ms=${serverResponseTime}&cs=${documentCharset}&_cvar={\\\"1\\\":[\\\"errorName\\\",\\\"${errorName}\\\"],\\\"2\\\":[\\\"errorMessage\\\",\\\"${errorMessage}\\\"]}\",\n \"pageview\": \"${base}\"\n }\t\t\n }<\/script><\/amp-analytics>';\n }\n);<\/code><\/pre>\n\n\n\nHilfe bei Problemen mit Google Web Stories<\/h2>\n\n\n\n