Social Sharing in Ionic application

You may need a social sharing feature inside your Ionic Framework Android and iOS application.

Using the Social Sharing plugin for Apache Cordova, we are able to do the social sharing.

Add ngCordova

First you have to add ngCordova to your Ionic application. If you already have this in your app, you can skip this step.

Install ngCordova

bower install ngCordova --save

Add ng-cordova.js before cordova script inside index.html

<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>

Add ngCordova in your app module dependencies

angular.module('myApp', ['ionic', 'ngCordova'])

Add Social Sharing cordova plugin

In order to implement social sharing, add cordova social sharing plugin.

cordova plugin add

Implement Social sharing

Now, go ahead and start creating method to share in your controllers

// share anywhere
$scope.share = function () {
    $cordovaSocialSharing.share('This is my message', 'Subject string', null, '');

// Share via email. Can be used for feedback
$scope.sendFeedback = function () {
            .shareViaEmail('Some message', 'Some Subject', '');

// Share via SMS. Access multiple numbers in a string like: '0612345678,0687654321'
$scope.sendSMS = function (message, number) {
    $cordovaSocialSharing.shareViaSMS(message, number);

For more functionalities, refer the documentation.

Have a nice day.

Vote on HN

comments powered byDisqus