Eredmény: 1 - 5 (5) összesen

Téma: Facebook Like gomb vs. W3C érvényesítés

  1. #1
    Tag Atthys logója
    Csatlakozott
    10-02-18
    Hely
    Fuengirola (Spanyolország, Malaga)
    Hozzászólás
    84
    Begyűjtött 26 köszönetet
    10 hozzászólásával

    Alapbeállítás Facebook Like gomb vs. W3C érvényesítés

    Bocs ha már volt téma - bár átfutottam a Facebook témakört, de nem találtam hasonlót:

    Létezik olyan Facebook like gomb beillesztés, ami 100% működik, és átmegy a W3C érvényesítésen?

    A property problémára már találtam megoldást, de a gombra még nem. Ha valakinek tud valami hasznosat ezügyben, ossza meg velem pls!

    Köszönet!



  2. #2
    Bölcs earnnet logója
    Csatlakozott
    12-08-15
    Hely
    Budapest
    Hozzászólás
    1.815
    Begyűjtött 804 köszönetet
    572 hozzászólásával

    Alapbeállítás re: Facebook Like gomb vs. W3C érvényesítés

    Egyáltalán nem fontos, hogy w3c hiteles legyen az oldalad.



  3. #3
    Szerkesztő
    Csatlakozott
    11-11-28
    Hozzászólás
    241
    Begyűjtött 21 köszönetet
    21 hozzászólásával

    Alapbeállítás re: Facebook Like gomb vs. W3C érvényesítés

    Szia, eloszor is milyen markup alapjan akarod validalni?
    Ha XHTML, akkor elvileg eleg ha kiterjeszted a <html> tagod namespace-et xmlns:fb="http://www.facebook.com/2008/fbml" -el.
    Ha HTML5 akkor esetleg meg megoldas lehet <fb:like> helyett <div class="fb-like"> -ra valo lecserelese es a href attributum helyett data-href hasznalata.
    Viszont ha nem akarsz sz*rozni akkor siman add hozza a Like gomb kodjat JavaScript-el a DOM-hoz es ugy is valid lesz az oldalad.
    Vannak esetek amikor a W3C valid honlap presztizs kerdes es nem technikai.



  4. #4
    Tag Atthys logója
    Csatlakozott
    10-02-18
    Hely
    Fuengirola (Spanyolország, Malaga)
    Hozzászólás
    84
    Begyűjtött 26 köszönetet
    10 hozzászólásával

    Alapbeállítás re: Facebook Like gomb vs. W3C érvényesítés

    Köszönöm a válaszod! Akkor ezekkel kisérletezgetek! ...és jól látod, presztizs kérdés mivel egyedül a Like gomb kódjára jelez hibát, szerintem érdemes foglalkozni a kiküszöböléssel. Beszámolok majd az eredményekről.



  5. #5
    Tag Atthys logója
    Csatlakozott
    10-02-18
    Hely
    Fuengirola (Spanyolország, Malaga)
    Hozzászólás
    84
    Begyűjtött 26 köszönetet
    10 hozzászólásával

    Alapbeállítás re: Facebook Like gomb vs. W3C érvényesítés

    Vannak eredmények, úgyhogy hátha valaki mást is érdekel a dolog, megosztom, hogyan sikerült XHTML 1.0 validált oldalt csinálnom Like gombbal illetve Like-boxxal is:

    -Sajna a <html> tag namespace kiterjesztés ellenére továbbra is fennálltak a hibaüzenetek, a FB-ről töltött kód beszúrása ellenére is.

    -A Javascript lett a megoldás, de kezdő létemre magamtól nem sikerült összehoznom, de végre hosszas keresgélés után találtam végre egy működőt és validálhatót a sok fals között... íme:

    Kód:
    <div id="FaceBookLikeButton">
    <script src="****://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <script type="text/javascript">
    //<![CDATA[
    var fb = document.createElement('fb:like');
    fb.setAttribute("href","your-url");
    fb.setAttribute("layout","button_count");
    fb.setAttribute("show_faces","false");
    fb.setAttribute("width","100");
    fb.setAttribute("font","arial");
    document.getElementById("FaceBookLikeButton").appendChild(fb);
    //]]>
    </script>
    </div>

    Beállítható akár Like-boxra is, a szükséges paraméterek hozzáadásával.

    A META PROPERTY hiba kiküszöbölése (én rögtön a body tag megnyitása után szúrtam be):

    Kód:
    <div xmlns:og="****://ogp.me/ns#" style="display:none;"> <![CDATA[ <!--OpenGraph section--> 
    <meta property='og:type' content='website' />
    <meta property='og:title' content='your title' />
    <meta property='og:url' content='your url' />
    <meta property='og:site_name' content='your site name' />
    <meta property="og:image" content="your image url" />
    ]]> </div>
    Mivel újonc létemre nem postolhatok linkeket, így természetesen a kódok nem helyesek így, kéretik a **** lecserélése http-re (ha valakinek kell, privátban elküldöm a teljes kódot). Drága modik, remélem ezzel nem szegek szabályt, hiszen nem spam, hanem segítség céljából kell linket megosztanom, amik ugye értelemszerűen kellenek a kódokhoz.

    A fenti kódokkal átmegy az oldal a W3C validáláson és a gombok/boxok is működnek.



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •