javascript - facebook share not adding image -


i have facebook tabs app. , inside there have share button

<p class="share-btn" id="button">share this</p>  <script>      (function(d, s, id){      var js, fjs = d.getelementsbytagname(s)[0];      if (d.getelementbyid(id)) {return;}      js = d.createelement(s); js.id = id;      js.src = "//connect.facebook.net/en_us/sdk.js";      fjs.parentnode.insertbefore(js, fjs);    }(document, 'script', 'facebook-jssdk')); </script>  <script>     window.fbasyncinit = function () {         fb.init({             appid: 'app id',             cookie: true,             xfbml: true,             version: 'v2.8'         });          window.facebookshare = function (callback) {             var id = @model.id;              var options = ({                 method: 'share',                 href: 'https://www.facebook.com/my app url here&app_data=' + id             }),                 status = '';              fb.ui(options, function (response) {                 console.log(response);                 if (response && !response.error_code) {                     status = 'success';                     $.event.trigger('fb-share.success');                  } else {                     status = 'error';                     $.event.trigger('fb-share.error');                 }                  if (callback && typeof callback === "function") {                     callback.call(this, status);                 } else {                     return response;                 }             });         }      };        $('#button').on('click', function (e) {         e.preventdefault();          facebookshare(function (response) {             // simple function callback             //console.log(response);         });     });      // custom jquery events     $(document)         .on('fb-share.success', function (e) {             window.location.href = "/quiz/finished";         })         .on('fb-share.error', function (e) {             //alert("fail");         }); </script>

this shares link ok not adding thumbnail. share looks this:

enter image description here

but in layout have these:

<meta property="og:url" content="http://www.your-domain.com/your-page.html" /> <meta property="og:type" content="website" /> <meta property="og:title" content="your website title" /> <meta property="og:description" content="your description" /> <meta property="og:image" content="https://www.codeproject.com/kb/aspnet/aspnetpaths/selectimage.png" />

how can that? , there chance pass image using options?

you can try tool url

https://developers.facebook.com/tools/debug/

it tell exact error.

greetings!


Comments

Post a Comment

Popular posts from this blog

javascript - Create a stacked percentage column -

i have collection of data : var data = [ {"p301a":"10","p301b":"7","p301c":"7","p301d":"3","p301e":"8","p301f":"8","p301g":"8","p301h":"8","p301i":"8","p301j":"8","p301k":"8","p301l":"8","p301m":"8","p301n":"8","p301o":"8","age":"31-40 years","profesion":"2","position":"2"}, {"p301a":"5","p301b":"4","p301c":"4","p301d":"4","p301e":"4","p301f":"4","p301g":"4","p301h":"4","p301i":"4","p301j":"4","p301k":"4...
Read more

Optimising Firebase database by automatically overwriting data -

in firebase app have following structure: posts latest all users can write posts > latest . want limit entries 20 posts save space in database. , posts beyond 20 unnecessary never shown on homepage. how can limit posts 20, when user writes posts > latest posts @ end drop off (be deleted) automatically? this sample should you. you need : const max_log_count = 20; exports.removeold = functions.database.ref('/posts/latest/{postid}').oncreate(event => { const parentref = event.data.ref.parent; return parentref.once('value').then(snapshot => { if (snapshot.numchildren() >= max_log_count) { let childcount = 0; const updates = {}; snapshot.foreach(function(child) { if (++childcount <= snapshot.numchildren() - max_log_count) { updates[child.key] = null; } }); // update parent. removes children. ...
Read more

javascript - Angular UI-Grid customTemplate directive causing rows to load slowly/? -

Image
each grid cell can have more 1 customtemplate loaded. have directive holds watcher on model_col_field listen cell updates on scroll when dom rows updated , recompile celltemplate . without watcher , $compile rows repeat on scroll, showing same set of rows. is there more angular way of approaching or way improve performance? relevant controller code: create gridoptions.data & gridoptions.columndefs : var customtemp = '<div ng-repeat="opt in grid.appscope.colvalueoptionsmodel" ng-init="tempstring=model_col_field.clazz+opt.key;"><comparison-directive dbo="model_col_field" attobj="opt" fff="grid.appscope.getattributetemplate(tempstring)" /></div>'; $scope.gridoptions.columndefs = [ { name:'yindex',pinnedleft:true,celltemplate: customtemp, displayname:'index'}, { name:'col1',celltemplate: customtemp}, { name:'col2',celltemplate: c...
Read more