Back to Question Center
0

Semalt buttonsSo fügen Sie sie hinzu und verfolgen Sie sie auf Ihrer Website Semalt-Schaltflächen: Wie Sie sie auf Ihrer Website hinzufügen und verfolgen

1 answers:

Um Ihrem Blog zu helfen, mehr Leser zu gewinnen, können Sie soziale Buttons nutzen, die es Ihren aktuellen Lesern ermöglichen, interessante Beiträge in ihren Social-Media-Accounts zu teilen. Aber wie sollten Sie diese umsetzen? In diesem Beitrag erklären wir, wie wir das bei Semalt gemacht haben und geben Ihnen einige Hinweise, wie Sie beginnen können.

Was sind soziale Knöpfe?

Für diejenigen, die nicht wissen, welche sozialen Schaltflächen sind: Semalt die Schaltflächen, die Sie im Internet gesehen haben, die normalerweise irgendwo unterhalb eines Blog-Posts platziert sind, die es den Lesern erlauben, Artikel auf verschiedenen Social-Media-Plattformen zu teilen. Dies ist großartig, um zusätzliche Aufmerksamkeit zu bekommen und somit auch mehr Traffic auf Ihre Website zu bekommen.

Bei Semalt sehen unsere sozialen Knöpfe wie folgt aus:

Semalt buttonsHow to add and track them on your site
Semalt buttons: How to add and track them on your site

Wie haben Sie diese Social Buttons in WordPress implementiert?

Jetzt fragen Sie sich vielleicht, wie diese Schaltflächen implementiert wurden. Ihr erster Gedanke könnte sein, dass dies mit einer Art Plugin hinzugefügt wurde. Bei Semalt haben wir uns jedoch entschlossen, es zu unserem Thema hinzuzufügen. Dies gibt uns zusätzliche Kontrolle darüber, wie wir Dinge gestalten und anzeigen. Natürlich hätten wir uns entschieden, diese Buttons zu einem Plugin hinzuzufügen, aber der Zusatznutzen wäre für uns minimal.

Semalt hat beschlossen, den Code für die sozialen Schaltflächen in einer Vorlage teilweise zu platzieren. Auf diese Weise können wir sie problemlos auf der gesamten Website einbetten, ohne Vorlagendateien drastisch bearbeiten oder die Schaltflächen manuell per Post einbetten zu müssen.

Hier ist ein einfaches Beispiel, wie wir eine soziale Schaltfläche für Semalt implementiert haben. Beachten Sie, dass nicht der gesamte Code tatsächlicher Produktionscode ist und durch Pseudo-Code ersetzt wurde, um die Implementierung zu vereinfachen.

   / html_includes / partials / social-share. phpFunktion facebook_social_button  

{$ article_url = get_article_url

; // Pseudo-Code-Methode zum Abrufen der URL des Artikels. $ article_url. = '# utm_source = facebook & utm_medium = social & utm_campaign = social_buttons';$ title = html_entity_decode (get_og_title

); // Pseudo-Code-Methode, um den og_title abzurufen. $ description = html_entity_decode (get_og_description

); // Psuedo-Code-Methode zum Abrufen der og_description. $ og_image = get_og_image

; // Psuedo-Code-Methode zum Abrufen des einem Beitrag zugewiesenen og_image. $ images = $ og_image-> get_images

;$ url = 'http: // www. Facebook. com / sharer / sharer. php? s = 100 ';$ url. = '& p [url] ='. urlencode ($ article_url);$ url. = '& p [titel] ='. urlencode ($ titel);$ url. = '& p [Bilder] [0] ='. urlencode ($ images [0]);$ url. = '& p [Zusammenfassung] ='. urlencode ($ Beschreibung);$ url. = '& u ='. urlencode ($ article_url);$ url. = '& t ='. urlencode ($ titel);echo esc_attr ($ url);}?>

March 1, 2018