Wie erstelle ich einen Link, um einen Eintrag zu einem Kalender hinzuzufügen?

Ich arbeite für diesen Nachtclub und mache gerade eine Website für sie, sie haben viele Events und ihre Website ist viel um Events herum aufgebaut. Heute machen sie ein Facebook-Event von jedem Event, aber es wäre mörderisch, ein " Zu meinem Kalender hinzufügen ", mit der es Ihrem iCal- oder Google-Kalender (oder vielleicht sogar Outlook) hinzugefügt wurde.

Ich habe es geschafft, herauszufinden, wie man einen Kalender-Feed erstellt, aber dann wird er als neuer Kalender hinzugefügt. Das Gute ist nur, dass die Leute "Ereignisse abonnieren" können, aber es ist ziemlich chaotisch, für jedes Ereignis einen Kalender zu haben. Daher möchte ich wissen, wie eine Funktion implementiert wird, mit der sie sie einfach zu ihrem Hauptkalender hinzufügen können. Denken Sie wie ein Mailto: Link, aber für Kalender, wenn das möglich ist.

Weiß jemand, ob es möglich ist, ein Ereignis automatisch von Facebook nach WordPress zu importieren oder ein Ereignis von WordPress nach Facebook zu exportieren, was großartig wäre, aber das ist nicht so wichtig.

UPDATE (kostenlos für den persönlichen Gebrauch):
HTTPS WIRD JETZT UNTERSTÜTZT

Während meine Antwort unten, in der die Vorgehensweise für jeden Dienst detailliert beschrieben wird, funktioniert, ist es IMO jetzt viel einfacher, mit einem Drittanbieter wie AddThisEvent [https://addthisevent.com] zusammenzuarbeiten . Sie können damit viele Optionen anpassen sowie Facebook und mehr hinzufügen. Leider haben sie es jetzt zu einem kostenpflichtigen Dienst für etwas anderes als den persönlichen Gebrauch gemacht und setzen dies durch.

Ich gehe davon aus, dass es andere Lösungen von Drittanbietern wie diese gibt, aber ich kann nur mit dieser sprechen, und es hat bisher für uns großartig funktioniert.

Für ein " Zu meinem Google Kalender hinzufügen " hatten sie früher ein Codegeneratorformular, das Sie verwenden konnten, haben es aber inzwischen entfernt. Weitere Informationen zu Google Kalender-Links finden Sie in der Antwort von squarecandy unten .

Für Outlook ist es ein bisschen komplizierter, aber im Grunde müssen Sie eine .vcsDatei mit den Daten des Ereignisses erstellen und einfach einen Link zu dieser Datei erstellen. Schritt-für-Schritt-Anleitung hier .

Für einen iCal- Link können Sie eine PHP-Klasse wie diese verwenden oder den Anweisungen auf dieser Seite zum Erstellen einer icsDatei (iCal-Datei) folgen .

Die Links in Daves Beitrag sind großartig. Nur um ein paar technische Details zu den Google-Links in eine Antwort hier auf SO zu setzen:

Google Kalender Link

<a href="http://www.google.com/calendar/event?action=TEMPLATE&text=Example%20Event&dates=20131124T010000Z/20131124T020000Z&details=Event%20Details%20Here&location=123%20Main%20St%2C%20Example%2C%20NY">Add to gCal</a>

Die Parameter sind:

• action = TEMPLATE (erforderlich)
• Text (URL-codierter Name des Ereignisses)
• Datumsangaben (ISO-Datumsformat, Start- / Enddatum - muss sowohl Start- als auch Endzeit haben - mit dem Schaltflächengenerator können Sie die Endzeit leer lassen, aber Sie müssen eine haben, sonst funktioniert sie nicht.)
  • So verwenden Sie die Zeitzone des Benutzers: 20131208T160000 / 20131208T180000
  • Um die globale Zeit zu verwenden, konvertieren Sie in UTC und verwenden Sie dann 20131208T160000Z / 20131208T180000Z
  • Ganztägige Ereignisse können Sie 20131208/20131209 verwenden - beachten Sie, dass der Tastengenerator es falsch macht. Sie müssen das folgende Datum als Enddatum für ein ganztägiges Ereignis für einen Tag oder +1 Tag für das gewünschte Enddatum verwenden.
• Details (URL-codierte Ereignisbeschreibung / Details)
• Ort (URL-codierter Ort des Ereignisses - stellen Sie sicher, dass es sich um eine Adresse handelt, die Google Maps leicht lesen kann)

Update Februar 2018:

Hier ist eine neue Linkstruktur, die die neue Google-Version von Google Kalender zu unterstützen scheint, ohne dass eine API-Interaktion erforderlich ist:

https://calendar.google.com/calendar/r/eventedit?text=My+Custom+Event&dates=20180512T230000Z/20180513T030000Z&details=For+details,+link+here:+https://example.com/tickets-43251101208&location=Garage+Boston+-+20+Linden+Street+-+Allston,+MA+02134

Neue Basis-URL: https://calendar.google.com/calendar/r/eventedit

Neue Parameter:

• Text (Name der Veranstaltung)
• Datumsangaben (ISO-Datumsformat, Start- / Enddatum - muss sowohl Start- als auch Endzeit haben)
  • ein Ereignis mit Start- / Endzeiten: 20131208T160000 / 20131208T180000
  • Ganztägige Ereignisse, können Sie 20131208/20131209 - Enddatum sein 1 Tag , was Sie wollen das Enddatum sein muss .
• ctz ( Zeitzone wie America / New_York - lassen Sie dieses Feld leer, um die Standardzeitzone des Benutzers zu verwenden. Es wird dringend empfohlen, diese in fast allen Situationen einzuschließen. Zum Beispiel eine Erinnerung an eine Videokonferenz: Wenn drei Personen in verschiedenen Zeitzonen auf diesen Link geklickt und a festgelegt haben Erinnerung an ihren "eigenen" Dienstag um 10:00 Uhr, das würde nicht gut funktionieren.)
• Details (URL-codierte Ereignisbeschreibung / Details)
• Ort (URL-codierter Ort des Ereignisses - stellen Sie sicher, dass es sich um eine Adresse handelt, die Google Maps leicht lesen kann)
• add (durch Kommas getrennte Liste von E-Mails - fügt Gäste zu Ihrer neuen Veranstaltung hinzu)

Anmerkungen:

• Die alte URL-Struktur oben leitet jetzt hier weiter
• unterstützt https
• Angebote mit Zeitzonen besser
• akzeptiert +für Platz zusätzlich zu %20( urlencodevs rawurlencodein PHP - beide arbeiten)

Um den Google-Kalenderbeitrag von squarecandy zu ergänzen, hier das brandneue

OUTLOOK CALENDAR- Format (ohne dass .ics erstellt werden muss) !!

<a href="https://bay02.calendar.live.com/calendar/calendar.aspx?rru=addevent&dtstart=20151119T140000Z&dtend=20151119T160000Z&summary=Summary+of+the+event&location=Location+of+the+event&description=example+text.&allday=false&uid=">add to Outlook calendar</a>

Probier es aus

Am besten codieren Sie die Werte der Zusammenfassung, des Speicherorts und der Beschreibungsvariablen mit url_encode.

Um des Wissens willen

YAHOO-KALENDER- Format

<a href="https://calendar.yahoo.com/?v=60&view=d&type=20&title=Summary+of+the+event&st=20151119T090000&et=20151119T110000&desc=example+text.%0A%0AThis+is+the+text+entered+in+the+event+description+field.&in_loc=Location+of+the+event&uid=">add to Yahoo calendar</a>

Probier es aus

Das Verzichten auf Dritte bietet viele Vorteile, z. B. die Verwendung in E-Mails.

Hier ist ein Dienst zum Kalender hinzufügen, der dem Zweck dient, ein Ereignis hinzuzufügen

1. Apple Kalender
2. Google Kalender
3. Ausblick
4. Outlook Online
5. Yahoo! Kalender

Die Schaltfläche " Zum Kalender hinzufügen " für Ereignisse auf Websites und Kalendern ist einfach zu installieren, sprachunabhängig, zeitzonen- und DST-kompatibel. Es funktioniert perfekt in allen modernen Browsern, Tablets und Mobilgeräten sowie mit Apple Kalender, Google Kalender, Outlook, Outlook.com und Yahoo Kalender.

<div title="Add to Calendar" class="addeventatc">
    Add to Calendar
    <span class="start">03/01/2018 08:00 AM</span>
    <span class="end">03/01/2018 10:00 AM</span>
    <span class="timezone">America/Los_Angeles</span>
    <span class="title">Summary of the event</span>
    <span class="description">Description of the event</span>
    <span class="location">Location of the event</span>
</div>

Sie können das Programm eine .ics (iCal) -Version des Kalenders erstellen lassen und diese .ics dann in ein beliebiges Kalenderprogramm importieren: Google, Outlook usw.

Ich weiß, dass dieser Beitrag ziemlich alt ist, daher werde ich keinen Code eingeben. Aber bitte kommentieren Sie dies, wenn Sie möchten, dass ich einen Überblick darüber gebe.