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

Я строю форум на 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. Как правильно заставить это работать?

Источник

4 ответа

Насколько я могу судить, 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 отстой, так что я случайно наткнулся на правильные вещи и выяснил это. Наслаждайтесь!

Источник

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.

Источник

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

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

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

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

Источник

чтобы избежать ошибок из-за изображения, попробуйте установить минимальную ширину изображения

      <meta property="og:image" content="@TempData["image"]" />
<meta property="og:title" content="@TempData["title"]" />
<meta property="og:url" content="@TempData["url"]" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:description" content="@TempData["description"]" />
<meta name="twitter:title" content="@TempData["title"]">
<meta name="twitter:description" content="@TempData["description"]">
<meta name="twitter:image" content="@TempData["image"]">
<meta name="twitter:card" content="summary_large_image">
<meta charset="utf-8" />

добавлено на страницу, где требуется встроенный набор инструментов

        <div class="addthis_inline_share_toolbox"></div>

добавлен widget.js в макет/мастер-страницу перед закрытием тега body

      <script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=yourpubID"></script>
</body>

***** если какая-либо ошибка ниже, проверка информации будет полезна ****

  • проверьте, происходит ли какое-либо перенаправление, тогда информация метатега также должна быть представлена ​​​​на этой странице, например, если страница перенаправления «Facebook Sharing Debugger» перенаправляется на любую страницу входа, тогда метатег также требуется на странице входа.

  • проверьте, как выглядит ваш исходный код ( ---> Scraped URL)

  • проверьте ниже URL, если какая-либо ошибка в метатеге

Источник
Другие вопросы по тегам