Once your app is ready you can share your App publicly, so that anyone with the link can use the App to provide the functionality to their website. Under your respective App, you now have the option to Share the App.
Share app
On the top right corner of your screen, next to the Config options, click Share.
You can see that you can Invite users to use your app with their credentials. Before you share the app it is necessary to Publish the App. To invite users simply add their name and email address and click Invite. An email will be sent to the respective user with the link to the app.
In case you want to further define the user permissions, you can do so using the Manage Users link which takes you to the Manage Users module/feature available under your Studio Console’s Menu.
Under Public Link you can configure the Embed Configuration. This allows you to configure the different ways to share your app publicly.
Let us now have a look at the different options to share or embed your app by Sharing the URL and QR Code or Embedding using options like IFrame, JavaScript or an HTML code.
Share Using
URL
You can share the app on the web using a publicly accessible link.
So under Share Using > URL, you need to simply enable or disable public access.
- To enable or disable sharing, switch the toggle button to Enable/Disable the Public Access.
Optionally, you can also provide your URL a Friendly Name which might be a custom name of your choice representing your brand or application. So under Access, click Set Friendly Name and enter the Custom name and click Save.
For example for a subdomain EmployeeTrack if you want to add a friendly name to the Emp_Leave_Calculation Microapp as LeaveRecord, the friendly name will be added as http://web.dronahq.io/EmployeeTrack/LeaveRecord.
Now, this would be the URL to be shared for public use.
Allow only verified/logged-in users to access the link
This toggle enables a unique property that will let you share this link with everyone but with access limited only to the verified and logged-in users of this account. You can invite users from the manage users section.
Now, whenever a user will access the link with this property enabled DronaHQ web will ask to login in order to verify the user.
On verified the app can be accessed now.
QR Code
Like we use the public URL, you can also generate a QR code for the mobile users of your app. Under QR Code there is a QR image with the link for your App which can be scanned by the mobile users to use your app in their browsers.
Embed Using
IFrame
Studio provides an IFrame code that can be embedded into the web page and your app can then be used on your web page/ website.
So under Embed Using> IFrame, note the code that is provided. You need to copy the IFrame code and paste it to your website to use the app.
JavaScript
Another way to embed your app to a page is by using a JavaScript code/snippet.
- To add the JavaScript to your page, under Embed Using > JavaScript you can see the code that is provided.
- Copy the JS Code and paste it into your webpage/website.
Code Generator
Your apps can also be easily embedded by adding a code provided hereunder Code Generation. The Code Generator provides an HTML for the package which you can then copy and then host it onto the server.
Embed settings
With Embed Settings you would configure the settings for the Embedded app. Here you would provide the Favicon, the Title that appears on the page, the Description of the Apps, and the Short Description that you want to add.
- Under Embed Using > Embed Settings, select the Favicon. The Favicon should be 32x32 px.
- Enter Title upto 45 characters.
- Enter Description upto 120 characters.
- Enter Short Description upto 100 characters.
Tracking
Setup Tracking
Once you have your app ready and running you would surely want to have metrics that define the success of the different functionalities and features of your app. The crucial part is to be able to track and measure it using the different parameters. You can make use of the UTM code that when added to your URL can help in tracking the traffic from its origin. Most often most analytics tools and marketing automation tools and CRM would look for these parameters automatically. You have five parameters utm_source, utm_medium, utm_campaign, utm_term, utm_content.
Under Public Access you can set up the tracking for your app embedded to the websites. There are two ways of tracking: Website tracking and Campaign URL.
To enable tracking you need to first set the parameters.
-
Click Start Tracking. By default, the campaign will be tracked using the five parameters stated above. You can also add Custom Parameters like the one for tracking the entries that come from the Google Ads, you can define the gclid as a custom parameter.
-
To add the parameters click + Custom Parameters, enter the parameter name and click Proceed.
You would now see the list of Custom Parameters that would be used for Tracking. Here you can get the tracking code and generate the Campaign URL.
- To get the Website Tracking code, click Get Tracking Code which can be pasted in the footer of all the embedded apps.
Now if you want to generate the Campaign URL with the UTM parameter to track the campaign, click Generate Campaign URL.
Now that you have seen how to get the Website tracking code and generate the Campaign URL you can set up the tracking for your apps.
Add the campaign information with the respective UTM parameters and the Generated campaign URL. Share the campaign URL with your audience.
To view the campaign details, click All Entries > Campaign details. You can also generate a report. Simply enable the UTM tracking parameters under Show/ Hide fields.
Thus you can Set Up Tracking for your apps using the code and the URL with the necessary UTM parameters.
Embed using secure authentication
On Studio you have an option to embed with secure user credentials in your application with user login. Embedding user credentials in your public link of the published app helps in making the link secure and only accessed by the authorized user, along with this it also helps in making the public link dynamic to distinctive users allowing it to have a broad range of authorized users.
You can read more about it from here.