Button share pod każdym wpisem

pytanie zadane 31 maja 2018 w JavaScript przez lifeislife Nowicjusz (160 p.)

Witam,

co mam zrobić aby utworzyć kod do button share który będzie działał pod każdym wpisem na mojej stronie? Chodzi mi oto aby pobierał tytuł, obrazek/kadr/tekst danego wpisu. https://developers.facebook.com/docs/plugins/share-button#example

2 odpowiedzi

odpowiedź 31 maja 2018 przez olekjs Gaduła (4,540 p.)

 <div class="fb-share-button" 
    data-href="https://www.your-domain.com/your-page.html" 
    data-layout="button_count">
  </div>

Spersonalizuj "data-href" odpowiednio pod daną stronę.

komentarz 31 maja 2018 przez lifeislife Nowicjusz (160 p.)

Dziękuje ale właśnie z tym mam problem... nie wiem jak to uzupełnić.

1	komentarz 31 maja 2018 przez olekjs Gaduła (4,540 p.) Co Ci dokładnie nie działa, może spróbuje pomóc. Podrzuć jakiś kod, w jaki sposób to teraz uzupełniasz?

komentarz 31 maja 2018 przez lifeislife Nowicjusz (160 p.)

Moge napisać na PW?

komentarz 31 maja 2018 przez olekjs Gaduła (4,540 p.)

Lepiej tutaj, może ktoś będzie miał taki sam problem.

komentarz 31 maja 2018 przez lifeislife Nowicjusz (160 p.)

Więc ja ten kod mam wkleić w panelu administratora, dlatego nie wiem jak to skonfigurować. Chodzi o cms webman.

1	komentarz 31 maja 2018 przez olekjs Gaduła (4,540 p.) Pokaż jak wygląda to miejsce gdzie masz to wkleić, więcej informacji podaj.

komentarz 31 maja 2018 przez lifeislife Nowicjusz (160 p.)

Więc inaczej, bez PA. Chciałbym wstawić to bezpośrednio. Wygląda to tak:

<article class="animated fadeInLeft animation-delay-6">
  <div class="panel panel-default">
    <div class="panel-body">
      <h3 class="post-title"><a href="{URL}" class="transicion">{TITLE}</a></h3>
      <div class="row">
        <div class="col-lg-6">
          <a href="{URL}">
          <img src="{IMG}" class="img-post img-responsive" alt="{TITLE}">
          </a>
        </div>
        <div class="col-lg-6 post-content">
          {CONTENT}
        </div>
      </div>
    </div>
    <div class="panel-footer post-info-b">
      <div class="row">
        <div class="col-md-9 col-sm-8">
           <i class="fa fa-refresh"> </i>{VIEWS} <i class="fa fa-folder-open"></i> <a href="{CATURL}">{CATTITLE}</a> <i class="fa fa-comment"></i> {COMMENTS}
        </div>
<div style="float: right;">
{FAVCODE}
</div>
        <div class="col-md-3 col-sm-4">
          <a href="{URL}" class="pull-right">Czytaj więcej</a>
        </div>
      </div>
    </div>
  </div>
</article>