Vraag Hoe maak ik een link om een ​​item aan een agenda toe te voegen?


Ik werk voor deze nachtclub en maak momenteel een website voor hen, ze hebben veel evenementen en hun site is veel gebouwd rond evenementen, vandaag maken ze een facebook-evenement van elk evenement, maar het zou geweldig zijn om een ​​" Voeg toe aan mijn agenda "-knop die het heeft toegevoegd aan uw iCal of Google Agenda (of misschien zelfs Outlook).

Ik ben er in geslaagd om erachter te komen hoe een kalenderfeed gemaakt kan worden, maar dan zal het als een nieuwe kalender worden toegevoegd, alleen is het goed dat mensen zich kunnen "abonneren op evenementen", maar het is nogal rommelig om een ​​kalender voor elke gebeurtenis te hebben. Daarom zou ik graag willen weten hoe een functie kan worden geïmplementeerd waarmee ze gemakkelijk in hun hoofdagenda kunnen worden opgenomen. Denk aan een mailto: link maar voor kalenders als dat mogelijk is.

Ook als ik bij het onderwerp ben als iemand weet of het mogelijk is om automatisch een evenement van Facebook naar WordPress te importeren of een evenement van WordPress naar Facebook te exporteren, zou dat geweldig zijn, maar dat is niet zo belangrijk.


37
2018-04-29 12:15


oorsprong


antwoorden:


UPDATE (gratis voor persoonlijk gebruik):

Hoewel mijn antwoord hieronder, dat de how-to voor elke service beschrijft, zal werken, is het nu veel eenvoudiger om met een derde partij te werken AddThisEvent [http://addthisevent.com]. Hiermee kun je veel opties aanpassen, toevoegen aan Facebook en meer. Helaas hebben ze het nu tot een betaalde service gemaakt voor iets anders dan persoonlijk gebruik en doen dit.

Om ze via SSL te gebruiken:

HTTPS wordt niet ondersteund. Ik raad echter aan dit te downloaden   pakket voor lokaal gebruik en upload het naar uw eigen server.

Ik neem aan dat er andere oplossingen van derden zijn, zoals deze, maar ik kan hier alleen maar mee spreken, en het heeft tot nu toe geweldig voor ons gewerkt.


Voor een "Voeg toe aan mijn Google-agenda", ze hadden vroeger een codegeneratorformulier dat je kon gebruiken, maar hebben het sindsdien overgenomen. Voor meer informatie over Google Calendar-links, zie squarecandy's antwoord hieronder.

Voor vooruitzicht, het is een BIT ingewikkelder, maar eigenlijk moet je een .vcs bestand met de gegevens van de gebeurtenis, en maak gewoon een link naar dat bestand. Stapsgewijze instructies hier.

Voor een iCal link, zou je een PHP-klasse kunnen gebruiken zoals deze, of volg de instructies van deze pagina over hoe je een ics bestand (iCal-bestand).


37
2018-04-29 13:42



De links in de post van Dave zijn geweldig. Gewoon om een ​​paar technische details over de google links in een antwoord hier op SO te plaatsen:

Google Agenda 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>

de parameters zijn:

  • action = TEMPLATE (verplicht)
  • tekst (url gecodeerde naam van het evenement)
  • datums (ISO-datumnotatie, startdatum / einddatum - moet zowel start- als eindtijd hebben - de knopgenerator laat je de eindtijd leeg laten, maar je moet er een hebben of het zal niet werken.)
    • om de tijdzone van de gebruiker te gebruiken: 20131208T160000 / 20131208T180000 
    • om de globale tijd te gebruiken, om te zetten naar UTC, gebruik dan 20131208T160000Z / 20131208T180000Z
    • de hele dag evenementen, die u kunt gebruiken 20131208/20131209 - merk op dat de knopgenerator het fout doet. U moet de volgende datum gebruiken als einddatum voor een ééndaags evenement of één dag voor wat u wilt dat de einddatum is.
  • details (url-gecodeerde gebeurtenisbeschrijving / details)
  • locatie (url-gecodeerde locatie van het evenement - zorg ervoor dat dit een adres is dat Google Maps gemakkelijk kan lezen)

Update februari 2018:

Hier is een nieuwe linkstructuur die de nieuwe Google-versie van de google-agenda lijkt te ondersteunen zonder API-interactie:

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

Nieuwe basis-url: https://calendar.google.com/calendar/r/eventedit

Nieuwe parameters:

  • tekst (naam van het evenement)
  • datums (ISO-datumformaat, startdatum / einddatum - moet hebben zowel begin- als eindtijd)
    • een evenement met begin- / eindtijden: 20131208T160000 / 20131208T180000 
    • de hele dag evenementen, die u kunt gebruiken 20131208/20131209 - einddatum moet een +1 dag zijn voor wat je wilt dat de einddatum is.
  • ctz (tijdzone zoals America / New_York - laat leeg om de standaardtijdzone van de gebruiker te gebruiken. Sterk aanbevolen om dit in bijna alle situaties op te nemen. Bijvoorbeeld een herinnering voor een videoconferentie: als drie mensen in verschillende tijdzones op deze link klikten en een herinnering instellen voor hun "eigen" dinsdag om 10:00 uur, zou dit niet goed werken.)
  • details (url-gecodeerde gebeurtenisbeschrijving / details)
  • locatie (url-gecodeerde locatie van het evenement - zorg ervoor dat dit een adres is dat Google Maps gemakkelijk kan lezen)

Opmerkingen:

  • de oude url-structuur hierboven leidt hier nu door
  • ondersteunt https
  • deals met timezones beter
  • accepteert + voor ruimte naast %20 (urlencode vs rawurlencode in php - beide werken)

42
2017-11-08 20:05



Dit is een Voeg toe aan agenda dienst om het doel te dienen voor het toevoegen van een evenement aan

  1. Apple Calendar
  2. Google kalender
  3. vooruitzicht
  4. Outlook Online
  5. Yahoo! Kalender

De "Voeg toe aan agenda"knop voor evenementen op websites en kalenders is eenvoudig te installeren, taalonafhankelijk, tijdzone en DST-compatibel. Het werkt perfect in alle moderne browsers, tablets en mobiele apparaten, en met Apple Calendar, Google Calendar, Outlook, Outlook.com en 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>

enter image description here


9
2017-12-31 12:59



Om toe te voegen aan de google kalenderbijdrage van squarecandy, hier de gloednieuwe

OUTLOOK KALENDER format (zonder de noodzaak om .ics te maken) !!

<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>

test het

Het beste zou zijn om de waarden van de samenvatting, de locatie en de beschrijving van de variabele te url_encoden. 

Omwille van kennis,

YAHOO KALENDER formaat

<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>

test het

Doen zonder een derde partij heeft veel voordelen, bijvoorbeeld door het te gebruiken in e-mails.


5
2017-11-05 14:16



U kunt het programma een .ics (iCal) -versie van de kalender laten maken en vervolgens kunt u deze .ics importeren in het gewenste kalenderprogramma: Google, Outlook, enzovoort.

Ik weet dat deze post vrij oud is, dus ik zal niet de moeite nemen om een ​​code in te voeren. Maar geef hier alstublieft commentaar op als u wilt dat ik een overzicht geef van hoe u dit moet doen.


1
2017-07-25 19:43



Als u op zoek bent naar iets heel eenvoudigs, dan kunt u deze widget gebruiken http://addthisevent.com/. Het werkt heel goed en eenvoudig te implementeren. Ik weet dat dit oud is, maar alleen als iemand kijkt.


1
2017-11-07 18:15



Het voordeel van een abonnement op uw evenementenkalender, zoals u zegt, is dat u de datums / tijden / info kunt wijzigen en dat deze over uw abonnees moeten worden weerspiegeld. Waarom maak je een afzonderlijke agenda voor elk evenement in plaats van één?

Bent u bekend met de API's voor Google Agenda en Facebook?

Wat betreft de laatste vraag, ben je van plan om twee aparte evenementenfeeds op Wordpress en Facebook te onderhouden? Je zou kunnen dat Wordpress de feed van Facebook haalt. Misschien een soort evenementen-CMS dat publiceert op Facebook en vervolgens de WordPress-feed bijwerkt?


0
2018-04-29 12:41