{"id":3564,"date":"2011-06-01T19:05:00","date_gmt":"2011-06-01T18:05:00","guid":{"rendered":"https:\/\/www.avatter.de\/wordpress\/?p=3564"},"modified":"2011-06-01T19:05:00","modified_gmt":"2011-06-01T18:05:00","slug":"so-gehts-googles-1-button-fur-wordpress","status":"publish","type":"post","link":"https:\/\/www.avatter.de\/wordpress\/2011\/06\/so-gehts-googles-1-button-fur-wordpress\/","title":{"rendered":"So geht&#8217;s: Googles +1-Button f\u00fcr WordPress (und andere Websites)"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.avatter.de\/wordpress\/wp-content\/uploads\/2011\/06\/google1_button.png\" alt=\"\" title=\"google+1_button\" width=\"542\" height=\"304\" class=\"alignleft size-full wp-image-3565\" srcset=\"https:\/\/www.avatter.de\/wordpress\/wp-content\/uploads\/2011\/06\/google1_button.png 542w, https:\/\/www.avatter.de\/wordpress\/wp-content\/uploads\/2011\/06\/google1_button-300x168.png 300w\" sizes=\"(max-width: 542px) 100vw, 542px\" \/><\/p>\n<p>Die Woche der Innovationen schreitet voran; und dieses Mal war Google am Hebel! Wie die Suchmaschine soeben <a href=\"http:\/\/googleblog.blogspot.com\/2011\/06\/1-button-for-websites-recommend-content.html\" target=\"_blank\" rel=\"noopener noreferrer\">mitteilte<\/a>, beginnt heute das weltweite Rollout des lang erwarteten +1-Buttons \u2013 Googles Antwort auf Facebooks &#8222;Gef\u00e4llt mir&#8220;-Schaltfl\u00e4chen, die seit Monaten \u00fcberall im Netz zu finden sind. Website-Betreiber haben ab sofort die M\u00f6glichkeit, den Button in ihre Angebote zu integrieren, dar\u00fcber hinaus wird der Knopf auch im Suchindex, auf Blogger-Blogs, im Android Market und auch bei YouTube zu finden sein. <!--more--><\/p>\n<p>Was der Button soll und kann wird in diesem Video veranschaulicht:<\/p>\n<p><object width=\"580\" height=\"360\"><param name=\"movie\" value=\"http:\/\/www.youtube-nocookie.com\/v\/OAyUNI3_V2c?fs=1&amp;hl=de_DE&amp;rel=0&amp;hd=1\"><\/param><param name=\"allowFullScreen\" value=\"true\"><\/param><param name=\"allowscriptaccess\" value=\"always\"><\/param><\/object><\/p>\n<h2>Die Integration<\/h2>\n<p>Kommen wir nun zum Einbau des Buttons. Anders als die Code-Generatoren von Facebook oder Twitter, spuckt die <a href=\"http:\/\/www.google.com\/webmasters\/+1\/button\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">+1-Codemaschine<\/a> gleich zwei Snippets aus: Eines f\u00fcr den Header und eines f\u00fcr die Stelle, an der nachher der Button erscheinen soll. Google bietet Webmastern insgesamt vier Designs an, die von 15 bis 60 Pixel in der H\u00f6he reichen.<\/p>\n<p><a href=\"https:\/\/www.avatter.de\/wordpress\/wp-content\/uploads\/2011\/06\/screen-capture-174.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.avatter.de\/wordpress\/wp-content\/uploads\/2011\/06\/screen-capture-174-300x246.png\" alt=\"\" title=\"Der +1-Buttongenerator\" width=\"300\" height=\"246\" class=\"alignleft size-medium wp-image-3567\" srcset=\"https:\/\/www.avatter.de\/wordpress\/wp-content\/uploads\/2011\/06\/screen-capture-174-300x246.png 300w, https:\/\/www.avatter.de\/wordpress\/wp-content\/uploads\/2011\/06\/screen-capture-174.png 768w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Um den Button in ein WordPress-Theme einzubauen, m\u00fcssen wir zun\u00e4chst den WordPress-Editor (zu finden unter &#8222;Design&#8220;) aufrufen. Hier suchen wir uns die Kopfzeilendatei mit dem Namen <i>Header.php<\/i>. Der erste Code wird dann per Copy und Paste eingef\u00fcgt &#8211; es ist ziemlich egal, wo genau das hier passiert. Dann bitte das Speichern nicht vergessen.<\/p>\n<p>Weiter geht es mit dem zweiten Teil, den wir mit der PHP-Datei f\u00fcr einzelne Artikel (<i>single.php<\/i>) absolvieren. Je nach Theme und Geschmack kann das Snippet am Kopf oder am Ende eines Posts eingef\u00fcgt werden.<\/p>\n<p>Wie man unten sehen kann, ist die Integration bei mir gegl\u00fcckt \u2013 es hat keine drei\u00dfig Sekunden gedauert. Zudem habe ich den gr\u00f6\u00dferen Button auch links in die Sharebar eingebunden, die sich ihre Informationen (zumindest in diesem Fall) zur H\u00e4lfte aus dem zuvor konfigurierten Header zieht. Jetzt seid ihr dran&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Woche der Innovationen schreitet voran; und dieses Mal war Google am Hebel! Wie die Suchmaschine soeben mitteilte, beginnt heute das weltweite Rollout des lang&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,15],"tags":[49,121,127,142,304,813],"sgb\/featured_image_src":null,"sgb\/author_data":{"display_name":"Andr\u00e9 Vatter","avatar":"https:\/\/secure.gravatar.com\/avatar\/838789e2550a09a9cfda02ae6d536d97?s=96&d=mm&r=g","author_link":"https:\/\/www.avatter.de\/wordpress\/author\/admin\/"},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/posts\/3564"}],"collection":[{"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/comments?post=3564"}],"version-history":[{"count":0,"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/posts\/3564\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/media?parent=3564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/categories?post=3564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.avatter.de\/wordpress\/wp-json\/wp\/v2\/tags?post=3564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}