Addthis: изменение описания, заголовка и отправляемого URL - PullRequest
Новая
       6

Addthis: изменение описания, заголовка и отправляемого URL

7 голосов
/ 20 августа 2011

Я создаю форум на PHP и хочу, чтобы пользователи могли делиться заголовком и описанием каждого поста в Facebook, Twitter и т. Д., Используя социальный плагин Addthis.Вот код, который Аддис дал мне: 

    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style "
        addthis:url="www.example.com"
        addthis:title="Example Title"
        addthis:description="Example Description">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_button_preferred_3"></a>
    <a class="addthis_button_preferred_4"></a>
    <a class="addthis_button_compact"></a>
    <a class="addthis_counter addthis_bubble_style"></a>
    </div>
    <script type="text/javascript" src="http://s6.addthis.com/js/154/addthis_widget.js#pubid=rd-39e8r89e9er8er989"></script>
    <!-- AddThis Button END -->

Мне удалось изменить URL-адрес на другой, который я указал, но изменение названия и описания не имеет никакого эффекта.На самом деле они даже не отображаются, когда я нажимаю кнопку «Поделиться» и публикую ее на своей стене в Facebook.Как правильно заставить это работать?

Ответы [ 3 ]

3 голосов
/ 06 октября 2016

AddThis официально не поддерживает все эти параметры, насколько я могу судить (я не могу найти их все в одном месте в их документации), поэтому в идеале вы должны просто использовать теги OpenGraph на странице, на которой вы находитесь. Но в любом случае ...

Вы должны указать это на самих пользовательских кнопках, а не на панели инструментов. Вы даже можете указать изображение. Если ваши кнопки должны исходить из AddThis, а не указывать их самостоятельно, я не уверен. 

<div class="addthis_sharing_toolbox">
    <a class="addthis_button_facebook"
        addthis:url="http://google.com/"
        addthis:title="Here's a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here's a cool description">
        <i class="ico ico-facebook"></i>
    </a>

    <a class="addthis_button_twitter"
        addthis:url="http://google.com/"
        addthis:title="Here's a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here's a cool description">
        <i class="ico ico-twitter"></i>
    </a>

    <a class="addthis_button_linkedin"
        addthis:url="http://google.com/"
        addthis:title="Here's a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here's a cool description">
        <i class="ico ico-facebook"></i>
    </a>
</div>

Документация AddThis отстой, поэтому я случайно натолкнулся на правильные вещи и выяснил это. Наслаждайтесь!

2 голосов
/ 20 июля 2014

Я ходил по кругу, прежде чем нашел это на сайте AddThis:

Установка URL и заголовка для обмена

... для наших новейших инструментов используйте параметры data-url и data-title ...

Я использую их последний код (addthis_sharing_toolbox вместо addthis_toolbox) и все, что я смог найти, это люди, использующие addthis:url="", который не работал.

2 голосов
/ 21 августа 2011

AddThis рекомендует использовать метатеги из Open Graph Protocol , чтобы указать, что показывать

Мы настоятельно рекомендуем подход с тегами страницы при передаче параметров вашего виджета нашим API

Так что в вашем случае вы должны иметь код, он оригинален: 

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s6.addthis.com/js/154/addthis_widget.js#pubid=rd-39e8r89e9er8er989"></script>
<!-- AddThis Button END -->

и измените заголовок, включив в него теги addThis meta, например: 

<meta property="og:url" content="http://www.example.com" />
<meta property="og:title" content="Example Title" />
<meta property="og:description" content="Example Title Description" />
<meta property="og:image" content="http://www.example.com/logo.gif" />

Это позволяет избежать любых проблем, с которыми вы можете столкнуться в клиентском API.

...