In order to establish communication between the web view(HTML) and the native code, we use the native javascript interface.

This way you can pass the event information from the WebView to the native code. Once the data received in the interface method, it will be sent to the backend through the datagran_android_sdk.

In order to pass the data from the HTML to native, you can integrate the pixel javascript SDK which will handle it.

Integrate the following Javascript interface Class in the application.

public class DatagranWebInterface {
    private Context mContext;

    /**
     * Instantiate the interface and set the context
     */
    public DatagranWebInterface(Context c) {
        this.mContext = c;
    }

    @JavascriptInterface
    public void identify(String userId) {
        if(!userId.isEmpty()) {
            Tracker.singleton().identify(userId, mContext, false);
        }
    }

    @JavascriptInterface
    public void reset() {
        Tracker.singleton().resetDGuserid();
    }

    @JavascriptInterface
    public void trackCustom(String name, String args) throws JSONException {
        JSONObject json = new JSONObject(args);
        if(json != null && json.length() >= 1) {
            Gson gson = new Gson();
            JsonElement jsonElement = gson.fromJson(json.toString(), JsonElement.class);
            JsonObject payload = gson.fromJson((gson.toJson(jsonElement)), JsonObject.class);
            Tracker.singleton().trackCustom(name, payload, mContext, false);
        } else {
            Log.e("DG","Empty Json");
        }

    }

}

Example WebViewActivity

public class CordovaViewTestActivity extends CordovaActivity {
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        super.init();
        launchUrl = "<https://app.datagran.io/>";
        loadUrl(launchUrl);

    }

    protected CordovaWebView makeWebView() {
        String className = DatagranWebInterface.class.getSimpleName();
        SystemWebView wV = (SystemWebView) findViewById(R.id.webView);
        DatagranWebInterface jsInterface = new DatagranWebInterface(getApplicationContext(), this);
        wV.addJavascriptInterface(jsInterface, className);
        WebSettings mWebSettings = wV.getSettings();
        mWebSettings.setJavaScriptEnabled(true);
        mWebSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
        mWebSettings.setSupportZoom(false);
        mWebSettings.setAllowFileAccess(true);
        mWebSettings.setAllowContentAccess(true);

        mWebSettings.setBlockNetworkImage(false);
        return new CordovaWebViewImpl(new SystemWebViewEngine(wV));
    }

    @Override
    protected void createViews() {
        appView.getView().requestFocusFromTouch();
    }
}