उपयोगकर्ता से जुड़ने का तरीका समझना

इस गाइड में, Chrome के कस्टम टैब के लिए, यूज़र ऐक्टिविटी के सिग्नल मेज़र करने का तरीका बताया गया है. अगर आपका ऐप्लिकेशन नियमित तौर पर अपने उपयोगकर्ताओं को वेब कॉन्टेंट के लिंक दिखाता है, जैसे कि किसी न्यूज़ फ़ीड में, तो यह जानना ज़रूरी हो सकता है कि उपयोगकर्ताओं को कौनसे लिंक अहम लगते हैं और कौनसे नहीं. कस्टम टैब में, नेविगेशन की संख्या, स्क्रोल की दिशा में बदलाव, और स्क्रोल डेप्थ वगैरह की मदद से, सेशन के हिसाब से उपयोगकर्ता के जुड़ाव को मेज़र किया जा सकता है. जुड़ाव के सिग्नल को काम करते हुए देखने के लिए, GitHub पर कस्टम टैब डेमो ऐप्लिकेशन पर जाएं.

कस्टम टैब से जोड़े जाने के सिग्नल का डेमो.

उपयोगकर्ता के जुड़ाव को मेज़र करने के लिए, कस्टम टैब में दो अलग-अलग कॉलबैक उपलब्ध होते हैं:

  • CustomTabsCallback, ताकि नेविगेशन के बुनियादी इवेंट ट्रैक किए जा सकें, जैसे कि "NAVIGATION_STARTED" या "NAVIGATION_FINISHED".
  • पेज पर खास उपयोगकर्ता के जुड़ाव को ट्रैक करने के लिए EngagementSignalsCallback. जैसे, स्क्रोल करने की दिशा या स्क्रोल करने का प्रतिशत.

दोनों के लिए, चालू CustomTabsServiceConnection होना ज़रूरी है. CustomTabsService से कनेक्ट करने का तरीका जानने के लिए, पिछली CustomTabsService गाइड देखें.

उपयोगकर्ता के जुड़ाव को मेज़र करने के लिए, सबसे पहले एक CustomTabsCallback और EngagementSignalsCallback इंस्टेंस बनाएं. CustomTabsCallback को एक navigationEvent कॉन्सटेंट मिलता है, जो बताता है कि किस तरह का नेविगेशन हुआ है:

private CustomTabsCallback mCustomTabsCallback = new CustomTabsCallback() {
    @Override
    public void onNavigationEvent(int navigationEvent, @Nullable Bundle extras) {
        String event;
        switch (navigationEvent) {
            case CustomTabsCallback.NAVIGATION_ABORTED:
                event = "NAVIGATION_ABORTED";
                break;
            case CustomTabsCallback.NAVIGATION_FAILED:
                event = "NAVIGATION_FAILED";
                break;
            case CustomTabsCallback.NAVIGATION_FINISHED:
                event = "NAVIGATION_FINISHED";
                break;
            case CustomTabsCallback.NAVIGATION_STARTED:
                event = "NAVIGATION_STARTED";
                break;
            case CustomTabsCallback.TAB_SHOWN:
                event = "TAB_SHOWN";
                break;
            case CustomTabsCallback.TAB_HIDDEN:
                event = "TAB_HIDDEN";
                break;
            default:
                event = String.valueOf(navigationEvent);
        }
        Log.d(TAG, "onNavigationEvent (navigationEvent=" + event + ')');
        mTextNavigation.setText("onNavigationEvent " + event);
    }
};

EngagementSignalsCallback में तीन अलग-अलग कॉलबैक काम करते हैं:

onVerticalScrollEvent()
जब भी उपयोगकर्ता स्क्रोल करने की दिशा बदलता है, तब इसे कॉल किया जाता है. इसमें isDirectionUp (पहला तर्क) दिशा की जानकारी देता है.
  1. onGreatestScrollPercentageIncreased: जब उपयोगकर्ता पेज पर सबसे नीचे पहुंच जाता है, तब कस्टम टैब के सिग्नल 5% के अंतराल में 100% तक स्क्रोल की गहराई तक जाते हैं. कॉलबैक सिर्फ़ तब शुरू किया जाता है, जब उपयोगकर्ता स्क्रोल करना बंद कर देता है. हर नए नेविगेशन के साथ, वैल्यू को 0% पर रीसेट कर दिया जाता है.
  2. onSessionEnded: जब उपयोगकर्ता जुड़ाव के सिग्नल भेजना बंद कर देता है, तब कस्टम टैब इस इवेंट को ट्रिगर करता है. उदाहरण के लिए, उपयोगकर्ता की ओर से कस्टम टैब बंद करने के बाद. अगर उपयोगकर्ता ने किसी भी तरह से पेज से इंटरैक्ट किया हो, तो didUserInteract सही होगा. जैसे, स्क्रोल करना, बटन पर क्लिक करना वगैरह.
private EngagementSignalsCallback mEngagementSignalsCallback = new EngagementSignalsCallback() {
    @Override
    public void onVerticalScrollEvent(boolean isDirectionUp, @NonNull Bundle extras) {
        Log.d(TAG, "onVerticalScrollEvent (isDirectionUp=" + isDirectionUp + ')');
        mTextVerticalScroll.setText("vertical scroll " + (isDirectionUp ? "UP️" : "DOWN"));
    }

    @Override
    public void onGreatestScrollPercentageIncreased(int scrollPercentage, @NonNull Bundle extras) {
        Log.d(TAG, "scroll percentage: " + scrollPercentage + "%");
        mTextGreatestPercentage.setText("scroll percentage: " + scrollPercentage + "%");
    }

    @Override
    public void onSessionEnded(boolean didUserInteract, @NonNull Bundle extras) {
        Log.d(TAG, "onSessionEnded (didUserInteract=" + didUserInteract + ')');
        mTextSessionEnd.setText(didUserInteract ? "session ended with user interaction" : "session ended without user interaction");
    }
};

CustomTabsCallback और EngagementSignalsCallback, दोनों के लिए एक चालू कस्टम टैब सेवा कनेक्शन ज़रूरी है. सेवा कनेक्ट हो जाने के बाद, CustomTabsClient.newSession() को कॉल करके और CustomTabsCallback पास करके, नया CustomTabsSession बनाया जा सकता है.

इसके बाद, isEngagementSignalsApiAvailable() को कॉल करें और देखें कि मौजूदा ब्राउज़र पर यूज़र ऐक्टिविटी से जुड़े सिग्नल काम कर रहे हैं या नहीं. अगर ये सुविधाएं काम करती हैं, तो अपने EngagementSignalsCallback को CustomTabsSession.setEngagementSignalsCallback() की मदद से रजिस्टर किया जा सकता है.

private CustomTabsClient mCustomTabsClient;
private CustomTabsSession mCustomTabsSession;

private final CustomTabsServiceConnection mServiceConnectionCallback = new CustomTabsServiceConnection() {

    @Override
    public void onCustomTabsServiceConnected(@NonNull ComponentName name, @NonNull CustomTabsClient client) {
        mCustomTabsClient = client;
        mCustomTabsSession = mCustomTabsClient.newSession(mCustomTabsCallback);
        try {
            boolean engagementSignalsApiAvailable = mCustomTabsSession.isEngagementSignalsApiAvailable(Bundle.EMPTY);
            if (!engagementSignalsApiAvailable) {
                Log.d(TAG, "CustomTab Engagement signals not available, make sure to use the " +
                        "latest Chrome version and enable via chrome://flags/#cct-real-time-engagement-signals");
                return;
            }
            mCustomTabsSession.setEngagementSignalsCallback(mEngagementSignalsCallback, Bundle.EMPTY);
        } catch (RemoteException e) {
            Log.w(TAG, "The Service died while responding to the request.", e);
        } catch (UnsupportedOperationException e) {
            Log.w(TAG, "Engagement Signals API isn't supported by the browser.", e);
        }
    }

    @Override
    public void onServiceDisconnected(ComponentName name) {
        mCustomTabsClient = null;
        mConnection = null;
        mCustomTabsSession = null;
    }
};

आपको सिर्फ़ CustomTabsService को बाइंड करना है:

@Override
protected void onStart() {
    super.onStart();
    bindCustomTabsService();
}

private void bindCustomTabsService() {
    String packageName = CustomTabsHelper.getPackageNameToUse(this);
    if (packageName == null) return;
    CustomTabsClient.bindCustomTabsService(this, packageName, mConnection);
}