Haluatko lisätä kotisivuillesi widgetin Facebookin yhdistämiseen? Olet oikeassa paikassa.

 

Oppaassa ”Kuinka lisään sosiaalisen median ikonit (FB ja Instagram) Webnode-sivun yläosaan” esitin teille yksinkertaista tapaa kotisivun yhdistämisestä sosiaaliseen mediaan.

Katsotaan nyt tarkemmin sosiaalinen media Facebook.

Tässä oppaassa esitellään 2 ilmaisen widgetin tyyppiä kotisivusi yhdistämiseksi Facebookiin.

 

  1. Ensimmäinen vaihtoehto on käyttää ulkopuolista palvelua piliapp.com

Tällä sivustolla helposti lisäät Facebook-sivusi URL-osoitteen.

Sitten kopioit HTML-koodin, jonka lisäät Webnode-sivuillesi.

Huom.:

Älä käytä Facebookin-profiilin URL-osoitetta, vaan Facebook-sivun osoitetta.

Seuraavassa vaiheessa lisäät valmiin HTML-koodin kotisivuillesi. Klikkaa ”+” ja “HTML” Webnoden editorissa.

2. Toinen vaihtoehto on yhdistää kotisivusi Facebookiin Facebook Developer – palvelun avulla.

Facebook Developer -sivuilla voit valita muutamista vaihtoehdoista, esim.:

Widgetin valittuasi voit Configuratorissa lisätä linkin Facebook-sivuillesi ja muokata widgetin tarpeidesi mukaan.

Klikkaa ”Get Code” kun olet valmis.

Saat 2 koodia:

Lisää ensimmäinen HTML-koodi kotisivusi jokaisen sivun ylätunnisteeseen, jolla haluat FB widgetin näkyviin.

Klikkaa Webnoden editorissa “Sivut” – “Valitse sivu” – “Sivun SEO-asetukset” – “Mukautettu HTML ylätunnistekoodi“.

 

Lisää sitten toinen HTML-koodi sivuillesi (paikkaan, jossa haluat saada FB plugin näkyviin) ”+” ja ”HTML” -painikkeiden avulla. Katso:

 

Täältä löydät Webnoden omat ohjeet ”Kuinka lisään Facebook widgetin”.

Page Plugin -näyte:

 

Lisää mahtavia oppaita

Koodi uudelleenohjaukseen (redirect)

Koodi uudelleenohjaukseen (redirect)

Mietitkö kuinka voisit automaattisesti ohjata kotisivusi vierailijan toiselle sivulle? (URL-osoitteelle) Ratkaisu on helppo: Muokkaa ja kopioi alla oleva HTML-koodi 🙂 1. Muokkaa koodissa URL-arvo. Syötä koodiin URL-osan tilalle osoite, jolle haluat vierailijan ohjata,...

Kuinka luon ankkurilinkin

Kuinka luon ankkurilinkin

Video Tutorial with ENGLISH subtitles   Ankkurilinkki toimii linkkinä yhden sivun sisällä. Linkki siis ei avaa toista sivua, vaan ohjaa toiselle paikalle samalla sivulla. Ankkurilinkin (kirjanmerkin) tekeminen koostuu kahdesta vaiheesta: Luo ensin kirjanmerkki,...

Oliko tästä oppaasta apua? Lähetä se ystävillesi 🙂

Viliam
Follow me