17

addthisによって送信されたURLを動的に変更しようとしています。ユーザーが要素を変更すると、カスタムURLを含むテキスト領域が更新されるため、ユーザーはそのURLに戻って、作業を続行/表示できます。

私はそういうようにaddthisボタンを作成しています（彼らのAPIドキュメントから）：

var addthis_share = {url:"http://www.johndoe.com"}
$(document).ready(function(){
    var tbx = document.getElementById("toolbox"),
    svcs = {email: 'Email', print: 'Print', facebook: 'Facebook', expanded: 'More'};
    for (var s in svcs) {
        tbx.innerHTML += '<a class="addthis_button_'+s+'">'+svcs[s]+'</a>';
    }
    addthis.toolbox("#toolbox");
});

次に、URLが更新されると、addthis共有URLを次のように更新しようとしています。

function updateURL(){
    ...get some variables here and generate a new url
    var newURL="http://the.url.i.want.to.share.com";
    $('#tagUrl').val(newURL);
    //addthis_share = {url:newURL}
    addthis_share = {url:newURL}
    addthis.toolbox("#toolbox");
}

元のボタンが生成され、正しいURLが含まれていますが、URL更新機能を実行すると、addthis共有URLが更新されません。addthis URLを強制的に更新するにはどうすればよいですか？

4

7 に答える 7

25

HTMLがロードされた後にaddthisURLを変更したい場合（ajaxまたは一部のユーザーイベントの場合）、以下のハックを使用してください。Addthis apisは、 [09/04/13 11:42:24 AM]晴れたjhunjhunwalaのように壊れています。

addthis.update('share', 'url', 'http://www.sourcen.com'); 
addthis.url = "http://www.sourcen.com";                
addthis.toolbox(".addthis_toolbox");

http://www.sourcen.com--- >新しいURL

于 2013-04-09T06:20:01.393 に答える
16

これと同じくらい簡単です：

addthis.update('share', 'url', "http://www.example.com");
addthis.update('share', 'title', "Example Domain Title");
addthis.update('share', 'description', "Hello, I am a description");

乾杯、ゲイリー

于 2014-01-17T01:50:26.767 に答える
1

ボタンをカスタマイズするには：

<a class="addthis_button_compact" >
   <img src="./images/share.png" width="36" height="36" border="0" alt="Share" />
</a>

ヘッドパート：

<meta property="og:title" content="YOUR TITLE" />
<meta property="og:description" content="YOUR DESCRIPTION" />
<meta property="og:image" content="YOUR IMAGE URL" />

ボディパーツ：私の場合、phpを使用していますが、ボディ属性を次のように設定しています。

<body
      data-url="<?php echo basename($_SERVER['REQUEST_URI']); ?>"
      data-title="<?php echo $info->record_info->brand; ?>"
      data-description="<?php echo $info->record_info->description; ?>"
      data-media="<?php echo ./uploads/logos/<?php echo $info->record_info->logo; ?>"
>

コンテンツを動的に更新するには（JSパート）：

<script>
    addthis.update('share', 'url', $('body').data('url')); // will set the URL
    addthis.update('share', 'title', $('body').data('title')); // will set the title
    addthis.update('share', 'description', $('body').data('description')); // will set the description
    addthis.update('share', 'media', $('body').data('media')); // will set the image if you are sharing
</script>
于 2017-05-25T11:20:34.900 に答える
0

AddThisは、addthis.update（ "share"、 "url"、value）関数を提供します（ただし、IE8ではバグのある関数です）。これを試してください：

for(var i = 0; i < addthis.links.length; i++){
    addthis.links[i].share.url= "new url";
}
于 2013-05-03T18:42:19.217 に答える
0 
<span id="share-obj" addthis:url="" addthis:title=""></span>

<script type="text/javascript">
    var shareConfig = {url: '', title: ''};

    addthis.button('#share-obj', {}, shareConfig);

    addthis.addEventListener('addthis.menu.open', function(event){
        if ( ! event.data.element.isSameNode($('#share-obj')[0])) {
            return;
        }

        event.data.share.title = shareConfig.title;
        event.data.share.url = shareConfig.url;
    });

    // in updateURL() or any other place during runtime...
    function updateURL() {
        shareConfig.url = 'http://different.url';
        shareConfig.title = 'Title changed dynamically...';
    }
</script>

shareConfigURLとタイトルの構成を追跡するために、グローバル変数を使用しました。Webページに複数のaddthisボタンがあり、それぞれが異なるコンテンツを共有しています。したがって、必要なisSameNodeボタンのみを更新するようにを追加しました。

URLとタイトルは動的に変更されますが、addthis:urlandaddthis:title属性はボタン（<span>）に存在する必要があります。存在しない場合、機能しません。

于 2013-11-03T16:29:21.453 に答える
0

ステップ-1：他のHTMLでロードするajaxコンテンツを準備します。

<div class="addthis_sharing_toolbox-CUSTOM" data-url="<?php my_dynamic_link(); ?>" data-title="<?php my_dynamic_title(); ?>">
    <a class="addthis_button_email" style="cursor:pointer"></a>
    <a class="addthis_button_facebook" style="cursor:pointer"></a>
    <a class="addthis_button_twitter" style="cursor:pointer"></a>
    <a class="addthis_button_linkedin" style="cursor:pointer"></a>
</div>

ステップ-2：fancyboxajaxセットアップを準備します。

$('.popUpBtn').fancybox({
    //....other fancybox settings can go here...
    //....
    afterShow   : function(current, previous){
        //addthis.init();
        addthis.update('share', 'url', $('.fancybox-inner .addthis_sharing_toolbox-CUSTOM').data('url'));
        addthis.update('share', 'title', $('.fancybox-inner .addthis_sharing_toolbox-CUSTOM').data('title'));
        //addthis.update('share', 'description', "Hello, I am a description");
        addthis.toolbox('.addthis_sharing_toolbox-CUSTOM'); //-->Important: this selector should not be anything from the addthis settings page; We can choose any other names like normal selectors;
    }
});

「afterShow（）」関数内の上記の行は、メモをとるために重要です。

于 2015-08-24T15:30:47.183 に答える
0

今のところ動作します

window.addthis.layers.refresh('new_url', 'new_title');

別の構成は存在しない必要があります（dom属性など）は存在しない必要があります

于 2020-09-04T13:50:31.200 に答える