Inhoud

Publiceren op WordPress Video Tutorials

Publiceren op Facebook

Publiceren op Facebook Facebook

Facebook is een online sociaal netwerk met meer dan een miljard gebruikers. Deze tutorial laat zien hoe u een HTML-animatie toevoegt aan een Facebook pagina, en ook hoe u Facebook Canvas gebruikt.

U moet eerst een HTML-animatie, spelletje of toepassing maken.

Zet het HTML-bestand en alle mediabestanden op een webserver.

LET OP! Facebook vereist dat externe HTML-pagina's worden gehost op een beveiligde webserver (HTTPS).


HTML-animatie toevoegen aan een Facebook pagina

U zult een Facebook pagina moeten aanmaken, dit is niet hetzelfde als een Facebook account.


www.Facebook.com/about/pages

Volg de instructies om een nieuwe pagina te maken. Wij hebben een lege pagina gemaakt. Mogelijk hebt u reeds een Facebook pagina voor uw bedrijf.


HTML-animatie toevoegen aan een Facebook pagina FacebookPage

Maak vervolgens een Facebook app. U dient zich als ontwikkelaar te registreren. Dit is gratis.


developers.facebook.com/apps

Maak een nieuwe app. Kies www. Geef de app een naam, maak een app ID aan en kies de categorie 'apps voor pagina's '. Sla de rondleiding over.


HTML-animatie toevoegen aan een Facebook pagina FacebookNewApp

In het dashboard van de app kunt u alle details van de app, zoals screenshots, statistieken en afbeeldingen, beheren. De meeste van deze instellingen zijn voor nu niet nodig.


HTML-animatie toevoegen aan een Facebook pagina FacebookAppSettings

Stel in het instellingen menu een contact e-mailadres in. Zonder e-mailadres kunt U uw app niet publiceren.

Kies 'Platform Toevoegen' en selecteer 'Page Tab'.


HTML-animatie toevoegen aan een Facebook pagina FacebookAddPlatform

De ' Secure Canvas URL' is de locatie van de HTML-animatie die u hebt gemaakt.

Deze moet worden gehost op een beveiligde webserver.

Het moet ook een server pagina zijn. Dit is eenvoudig aan te passen. Wijzig de bestandsextensie van uw HTML-pagina van .HTML naar .ASPX of .PHP afhankelijk van uw type webserver.

Voeg een naam en afbeelding toe voor het paginatabblad.

Druk op 'Wijzigingen opslaan'.


HTML-animatie toevoegen aan een Facebook pagina FacebookPlatformSettings

Om een tabblad voor de pagina toe te voegen aan uw Facebook pagina, dient de volgende URL te worden gekopiëerd in een webbrowser. Vervang YOUR_APP_ID met de ID van uw app en vervang YOUR_URL met de beveiligde URL van uw app.


https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_URL

Bijvoorbeeld:


https://www.facebook.com/dialog/pagetab?app_id=1234567890&redirect_uri=https://www.Hippani.com/Content/Files/Animations/Devices.aspx

www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_URL

HTML-animatie toevoegen aan een Facebook pagina FacebookAddTab

Kies de juiste pagina en druk op 'paginatabblad toevoegen'.

Het tabblad met uw HTML-animatie is toegevoegd aan de pagina. Het wordt standaard aan het 'Meer'-menu toegevoegd. Druk op 'Tabbladen beheren' om het een prominentere plek te geven.


HTML-animatie toevoegen aan een Facebook pagina FacebookExampleTab

Wanneer u klaar bent, kunt u de app publiceren. Ga naar 'Status en Review' in het dashboard van de app. U moet dit doen om de app voor anderen zichtbaar te maken.


HTML-animatie toevoegen aan een Facebook pagina FacebookLive

Facebook Canvas gebruiken

Facebook Canvas toepassingen zijn apps die een volledige pagina gebruiken, in tegenstelling tot een reguliere app binnen een tabblad.


developers.facebook.com/apps

Maak een nieuwe app. Kies Facebook Canvas. Geef de app een naam, maak een app ID aan en kies een categorie. Sla de rondleiding over.


Facebook Canvas gebruiken FacebookNewApp

In het dashboard van de app kunt u alle details van de app, zoals screenshots, statistieken en afbeeldingen, beheren. De meeste van deze instellingen zijn voor nu niet nodig.


Facebook Canvas gebruiken FacebookAppSettings


Stel in het instellingen menu een contact e-mailadres in. Zonder e-mailadres kunt U uw app niet publiceren.

Kies 'Platform Toevoegen' en selecteer 'Facebook Canvas'.


Facebook Canvas gebruiken FacebookAddPlatform


De ' Secure Canvas URL' is de locatie van de HTML-animatie die u hebt gemaakt.

Deze moet worden gehost op een beveiligde webserver.

Het moet ook een server pagina zijn. Dit is eenvoudig aan te passen. Wijzig de bestandsextensie van uw HTML-pagina van .HTML naar .ASPX of .PHP afhankelijk van uw type webserver.

Tot slot, Facebook schrijft voor dat aan het eind van de URL een '?' wordt toegevoegd.

Druk op 'Wijzigingen opslaan'.


Facebook Canvas gebruiken FacebookCanvasSettings


Bekijk de app door de Canvas pagina URL te kopiëren in een webbrowser.


https://apps.facebook.com/0123456789

Facebook Canvas gebruiken FacebookCanvasExample

Publiceren op WordPress Video Tutorials
Deze documentatie is vertaald uit het Engels, met behulp van een online vertaler. Wij verontschuldigen ons als u eventuele fouten kunt vinden. Als u helpen ons correcties aan te brengen willen zou. Er is een vertaling editor in Hippani Animator (In het helpmenu). We geven gratis licentie sleutels aan iedereen die meer dan 100 zinnen corrigeert. Neem contact met ons op voor meer informatie.