Skip to main content
Skip table of contents

Flip-Counter

Der Counter gibt Ihnen die Möglichkeit, verschiedene Statistiken auf Ihrer Seite darzustellen, wie z. B. die Anzahl der abgegebenen Stimmen zu einem Voting oder die Anzahl der laufenden Projekte.

Einen neuen Counter erstellen

Ist auf Ihrer Seite bisher kein Counter eingebunden, müssen Sie verschiedene Code-Schnipsel im Quellcode der Seite hinzufügen.

Rufen Sie über “Inhalt” > Seiten” die Seite im Bearbeitungsmodus auf, auf der der Counter eingebunden werden soll und fügen Sie folgenden Code in der ersten Zeile im Quellcode ein:

<script src="/static/js/home.js"></script>

Dieser Code beinhaltet die Funktion des Counters. Auf der Seite, die Sie erstellen, darf  der Code <script src=”/static/js/home.js”></script> nur einmal eingebunden sein. Sie können den Counter mehrfach auf der Seite einbinden, dennoch darf der obige Code nur einmal enthalten sein, da es ansonsten zu Fehlern bei der Anzeige kommt.

Fügen Sie folgenden Code an der Stelle ein, an der der Counter auf der Seite erscheinen soll:

{% include "_include/cms_helper/_article_new_counter.html" with big_text="Alle Projekte" projects="all" %}

Nach dem Speichern der Seite, erscheint der Counter auf der entsprechenden Seite.

Anpassung des Counters und mögliche Variablen

Durch Anpassung und Hinzufügen unterschiedlicher Variablen, kann der Counter verschiedene Werte und Texte darstellen.

Im obigen Beispiel lautet die Überschrift “Alle Projekte” (big_text=“Alle Projekte”) und es wird die Summe aller Projekte dargestellt (projects=”all”). Ändern Sie den Wert z.B. in projects=”live” werden alle zur Zeit laufenden Projekte angezeigt und archivierte Projekte nicht mit berücksichtigt.

Verfügbare Variablen und Werte

big_text=”Ihre Überschrift”
Überschrift des Counters

projects=”all”
Anzahl aller Projekte anzeigen

projects=”live”
Anzahl aller zur Zeit laufenden Projekte anzeigen

projects=”funded”
Anzahl finanzierter Projekte anzeigen

projects=”archived”
Anzahl erreichter/archivierter Projekte anzeigen

organizations=”all”
Anzahl der Organisationen anzeigen

companies=”all”
Anzahl der Firmen anzeigen

users=”all”
Anzahl der User anzeigen

donated=”coins”
Gespendeter Betrag in Coins

donated=”currency”
Gespendeter Betrag in Euro

votes=”all”
Anzahl aller abgegebenen Stimmen

votes=”voting-slug”
(der Voting Slug ist der letzte Teil der URL bei einem bestehenden Voting, z. B. “voting-01-2022”).  Zeigt alle abgegebenen Stimmen zu einem bestimmten Voting.

start_date=”1-01-2010″

end_date=”15-1-2030″

Sie können optional auch ein Start- und/oder Enddatum angeben:

{% include "_include/cms_helper/_article_new_counter.html" with big_text="Alle Projekte, die nach dem 15.05.2021 begonnen haben" projects="all" start_date="15-05-2021" %}

{% include "_include/cms_helper/_article_new_counter.html" with big_text="Alle Projekte, die vor dem 1.1.2030 enden" projects="all" end_date="1-1-2030" %}

{% include "_include/cms_helper/_article_new_counter.html" with big_text="Alle Projekte zwischen dem 15.03.2015 und dem 1.1.2030" projects="all" start_date="15-03-2015" end_date="1-1-2030" %}

Anpassung eines bestehenden Counters für ein neues Voting

Wenn Sie bereits eine bestehende Seite mit Counter haben, können Sie den Counter für das kommende Voting anpassen, in dem Sie den so genannten “Voting-Slug” im Quellcode anpassen.

Rufen Sie dazu das neue Voting unter “Votings” im Bearbeitungsmodus auf. Aus der Adresszeile des Browsers können Sie nun den Voting-Slug kopieren.

Anschließend ersetzen Sie den alten Slug mit dem des neuen Votings.

Nachdem Sie die Seite gespeichert haben, können Sie diese über den Vorschaubutton prüfen. Der Counter sollte bei noch nicht gestartetem Voting “0” anzeigen. Wir empfehlen außerdem am Tag der Veröffentlichung der Seite zu prüfen, ob der Counter entsprechend hochzählt. Bitte beachten Sie, dass die Votes mit einer kurzen Zeitverzögerung angezeigt werden, da sich der Counter nicht sekündlich aktualisiert.

Der Counter muss zudem auf allen HTML Seiten des Votings angepasst werden.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.