Podlove Subscribe Button - NonWP

Da ich mir gerade überlege die Plattform zu wechseln und mir meinen Webauftritt neu aufbauen möchte kommt für mich jetzt auch der Podlove Subscribe Button in Frage. Da ich mich aber nicht auf Wordpress Basis bewegen werde, ist die Frage wie ich diesen genau einrichten muss damit’s Funktioniert.

Ich habe die ReadMe auf Github gelesen und Frage mich, wie ich die API in die Seite integrieren muss, damit der Button funktioniert.

1 „Gefällt mir“

Du musst im Prinzip zwei Komponenten im HTML der Seite unterbringen. Einmal die Konfiguration für den Button, die den Namen des Podcasts, die Feed-Adresse etc. beinhaltet. Als zweites bindest du das eigentliche Skript, das den Butten rendert, ein. Dieses bekommt ebenfalls noch ein wenig Konfiguration mit. Aussehen könnte das zB so:

<!-- Konfiguration -->
<script>
  window.podcastData = {
    "title": "Newz of the World",
    "subtitle": "Tim and Mark talk about the Newz™",
    "description": "Newz of the World is a weekly show about world news. Mark Fonseca Rendeiro and Tim Pritlove come together to present interesting reports and discuss their aspects and possible consequences. Newz of the world wants to be an alternative window to the common media flow and cherry picks interesting developments for you.",
    "cover": "http://meta.metaebene.me/media/newz/newz-logo-600x600.jpg",
    "feeds": [
      {
        "type": "audio",
        "format": "mp3",
        "url": "http://newz-of-the-world.com/feed/mp3",
        "variant": "high"
      }
    ]
  }
</script>

<!-- Skript -->
<script class="podlove-subscribe-button" src="https://cdn.podlove.org/subscribe-button/javascripts/app.js" data-language="de" data-size="big-logo" data-json-data="podcastData"></script>

Beispielhaft siehst du das auch hier nochmal im Quelltext der Seite: http://docs.podlove.org/podlove-subscribe-button/

Wenn du weitere Hilfe brauchst, sag Bescheid!

2 „Gefällt mir“

Danke. Hatte ich bereits so. Ich hatte nur einen Fehler im Script. Hat mein Bruder mir dann gerichtet :slight_smile:

Wie kann ich denn verschiedenene Podcasts auf einer Seite verlinken? Ich habe alle möglichen Formate auf meinem Blog verlinkt und erreiche durch Tags getrennte Feeds.
Wie kann ich diese Feeds in diesem System verlinken?

1 „Gefällt mir“

Du kannst mehrere Buttons auf einer Seite haben. In Kurzform sähe das dann so aus:

Podcast #1

<script>
  window.podcastData1 = {
    "title": "Podcast #1",
    ...
  }
</script>
<script class="podlove-subscribe-button" src="https://cdn.podlove.org/..." data-json-data="podcastData1">        </script>

Podcast #2

<script>
  window.podcastData2 = {
    "title": "Podcast #2",
    ...
  }
</script>
<script class="podlove-subscribe-button" src="https://cdn.podlove.org/..." data-json-data="podcastData2"></script>
2 „Gefällt mir“