Social Interaction tracking is a user action so using jQuery click event tracking is your best bet to capture these events. For example, if the Twitter icon has a class attribute with a value of "twitter", you could use the following to track the icon click: jQuery('.twitter').mousedown(alert("hi"));
Next you will need to fire an event for the action. You can read about GUA events here: https://developers.google.com/analytics/devguides/collection/analyticsjs/events
Specifically you should be using this format:
ga('send', 'event', 'category', 'action', 'label');
So for example:
ga('send', 'event', 'button', 'click', 'twitter');
To implement within Tealium, you can use the "jQuery onHandler" extension. Set the jQuery Selector to ".twitter" (no quotes), Trigger On "mousedown", set the Tracking Event to "Custom", and then paste the GA example above in the input window. This should help get you what you need.
Please let me know if this is helpful.
The Social Interaction tracking by GUA requires 3 separate values: socialNetwork, socialAction, and socialTarget. These are all available within GUA's mapping toolbox. Any time all three of these destinations are mapped to and the values are set, the utag.js will automatically send a separate hitType request for Social Interaction.
You can use our jQuery .on Handler extension to do this for simple requests on mousedown, for example.
However every social network has specific implementation guidelines when it comes to social analytics integration. Some are a little more complicated and may suggest firing the pixel as a callback. You should refer to each of those network's documentation for help.
GUA's official documentation has an example with Facebook, although the page itself has more detailed information on Social tracking via GUA:
Hope this helps!