Is it possible to create a sharing button on Facebook that includes a JSON attachment?

I currently have some code that consistently generates the json needed for my facebook app's streamPublish FBJS call in the desired format. Now, I am experimenting with facebook.connect and I would like to reuse the same json. While exploring facebook.connect, I came across the XFBML tag:

<fb:share-button>

and thought it would be useful to use. However, I noticed that it requires several meta tags such as those found here:

<meta name="medium" content="blog"/> 
<meta name="title" content="Leonidas in All of Us"/> 
<meta name="video_type" content="application/x-shockwave-flash"/> 
<meta name="video_height" content="345"/> <meta name="video_width" content="473"/>    
<meta name="description" content="That's the lesson 300 teaches us."/>

This seems like it may include the same data as the json passed to facebook(.connect).streamPublish. Is there a way to either

  1. integrate the json into this html somehow, perhaps using an "attachment" attribute?
  2. convert the json to this meta format automatically?

Alternatively, should I simply create a link and have an onclick() event handler that calls streamPublish?

javascriptjsonfacebook

Answer №1

The Facebook sharing feature is unique in that it does not fall under the same category as the stream publishing method. Many users find this frustrating, wishing for a combination of the two functionalities. Here are some advantages and disadvantages of each:

Sharing Feature

  • Now displays the number of shared instances, similar to platforms like Digg
  • Adds a framebar to the webpage
  • Involves embedding meta tags on the page

Stream Publishing

  • Does not automatically show the number of shares; requires manual programming
  • Does not include a framebar
  • Provides more detailed control over the feed story

We hope this breakdown sheds some light on the topic.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips for parsing a JSON file using jQuery

I'm currently using VS2012 and working on an ASP.NET MVC4 project. For some reason, I am unable to get this code snippet to work: $.ajax({ url: "~/xml/JsonTest.json", type: "GET", dataType: "json", success: function (json) { ...

json

JavaScript object that is simultaneously multidimensional and associative

I have a requirement to create a multidimensional associative object, and I've managed to get it partially working. Here is a simplified version: var sources = { tales: ['some content', 'some more content'], thehut: [&ap ...

javascriptarrayshtml

Displaying radio values in an Angular ng-repeat directive

I am new to Angular and facing difficulties in capturing the selected radio value when using ng-repeat. The documentation is a bit unclear on this matter. Any assistance or guidance would be highly appreciated. <div ng-repeat="item in ed"> <lab ...

javascriptangularjs

Removing invalid characters in a *ngFor loop eliminates any elements that do not meet the criteria

I am facing an issue with my *ngFor loop that is supposed to display a list of titles. fetchData = [{"title":"woman%20.gif"},{"title":"aman",},{"title":"jessica",},{"title":"rosh&quo ...

javascriptangularstringreplace

Retrieve the current element when the key is released and send it as a parameter to a different function

Imagine a scenario where my website contains textbox elements that are dynamically generated, each with the class 'mytxt'. <input type="text" class="mytxt" /> <input type="text" class="mytxt" /> <input type="text" class="mytxt" /& ...

javascriptjquery

Using @keyup/@input events on Vue data property causes issues with form inputs

I'm having an issue with attaching a character counter to an input element. After displaying it back to the user, the input stops allowing me to enter more characters into the input box. <template> <div> <label class="l ...

javascriptvue.js

Can you conceal a JavaScript function within a specific scope?

Suppose I have two functions a and b that I want to keep within a certain functional scope. Since they share some common code, I decide to extract this shared functionality into another method named support. support should be accessible by both a and b, b ...

javascript

Error message for empty input is not being displayed upon submission in Bootstrap validation

I've been attempting to implement Bootstrap validation in a form with the following desired outcome: Upon submission of the form, if the "First name" field is left empty, a message saying "Please enter a name" should appear below the field. If the f ...

javascripthtmlbootstrap-4

Paste the current webpage's URL into a fresh alert popup using javascript"

I found myself spending hours trying to figure out the best way to create a JavaScript function that would copy the current URL and display it in a new alert window. Imagine a scenario where a user clicks on "Share this page" and a new alert window pops u ...

javascriptjquery

The building process of Ember encountered an error due to a problem with the broccoli builder

I'm currently working on an Ember project and facing an issue while trying to upgrade the version from 2.8 to 3.5.0. After changing the version and some dependencies, I encountered the following error : Error stack Even after attempting to resolve i ...

javascriptnpmember.jsbuildbroccolijs

Invoking a jQuery request to a C# API endpoint

I have recently embarked on a project utilizing ASP.NET MVC and JavaScript/jQuery. I am facing an issue where my API call to the controller using $.ajax function always returns a 404 error. Despite researching and trying various solutions, I continue to en ...

javascriptc#jquery

Sorting information by class titles in AngularJS

Working with angularjs, take a look at my view code : <div style="width:70px;"> Show Online <input type="checkbox" ng-model="showonline" /> </div> <div ng-repeat="user in use ...

javascriptangularjs

JavaScript: exporting everything from ... causing excessive bloat in the build file

After building my react-app with create-react-app, I noticed a decline in performance. Here is the structure of my project: /store actions.ts reducers.ts /module1 module1.actions.ts module1.reducers.ts /moduleN moduleN.actions.ts m ...

javascriptreactjstypescriptcreate-react-app

Transferring a large volume of JSON objects to a database using API post requests

Currently, I'm faced with the challenge of sending a large amount of JSON objects to a database through API post calls. However, upon attempting to send all these objects individually, I encounter numerous HTTP errors, predominantly 400 errors. My in ...

javascriptjsonnode.jsapiamazon-dynamodb

ReplaySubject in Angular is failing to update the array when a new object is added

I am encountering an issue where, upon attempting to create a new page Object, it successfully sends the data to the backend but does not update the array. I have to refresh the page in order to view the entire array. Within the frontend, I am utilizing O ...

javascriptangulartypescriptrxjsobservable

Converting JSON data into TypeScript interface objects within an Angular 2 environment

I have a JSON dataset with the following structure: { "timestamp": 1467471622, "base": "USD", "rates": { "AED": 3.673027, "AFN": 68.475, "ALL": 123.095199, "AMD": 476.8075, "ANG": 1.78385, "AOA": 165.846832, "ARS": 15.05 ...

jsonobjectdictionarytypescriptangular

Having trouble sending serialized data using jQuery Ajax in IE6

When I use the jQuery AJAX command to post data in Internet Explorer 6 and then try to print the data with print_r($_POST), PHP prints an empty array. How can I post submitted data to PHP? I'm not sure what the issue is in IE6. To alert this data ...

phpjavascriptjquerypost

JavaScript switch statement and case expression

Struggling to use boolean expressions within a switch statement to search for undefined values and manually change them. When using an if statement, the process is easier. For example: if statement if(Item1 == undefined) { item1 = "No"; } else if (Item ...

javascriptangularjs

Breaking Down URLs with JavaScript

I am looking to extract specific portions of a URL and here is my progress so far. <script type='text/javascript'> var query = window.location.pathname.split( '/' ); query = window.location.pathname.split( '.html' ); v ...

javascriptarrayssplit

Prevent animations on child elements with Vue.js

I am dealing with a scenario where I want to remove the fade transition on a child div within a <transition> component. The reason for nesting it is to prevent layout flickering, which can be demonstrated in a fiddle if necessary. In the fiddle belo ...

javascriptvue.jsvuejs2css-transitions