👏🏿 ✍🏻 🍜 Cocos2d-x में AdMob इंटीग्रेशन 💎 🔪 🚵🏽

प्रिय फेरीवालों, इस लेख में मैं AdMob बैनर नेटवर्क को Cocos2d-x इंजन का उपयोग करके लिखे गए एंड्रॉइड गेम में एकीकृत करने के अपने अनुभव को साझा करना चाहता हूं।

परिचय

हाल के वर्षों में मोबाइल विकास में रुचि अधिक रही है और कई स्वतंत्र डेवलपर्स और कंपनियां इस बाजार का हिस्सा विकसित करने का प्रयास कर रही हैं। यह उच्च प्रतिस्पर्धा पैदा करता है और यहां तक कि एक अच्छा अनुप्रयोग बाजार में खो सकता है। आपके आवेदन को रैंकिंग में उच्च स्थान पर पहुंचने से पहले एक महत्वपूर्ण समय बीत सकता है। और समय पैसा है। रैंकिंग में एक अच्छा स्थान प्राप्त करना महत्वपूर्ण है, क्योंकि इससे आगे डाउनलोड होता है। यह एप्लिकेशन को एक अच्छी रणनीति के रूप में स्थान देता है। हालाँकि, अनुप्रयोग विकास एक महंगा काम है, खासकर यदि आप एक कंपनी हैं या आउटसोर्सिंग के माध्यम से काम का हिस्सा हैं। लेकिन यहां तक कि अगर पूरा विकास एक भागीदार द्वारा पूरा किया गया था, तो यह शायद ही डेवलपर की योजनाओं में आवेदन की दुकान में अपनी छाप छोड़ने के लिए था। मैं कम से कम किसी प्रकार का भौतिक रिटर्न प्राप्त करना चाहता हूं। इस प्रकार, हम दो आवेदन विमुद्रीकरण रणनीतियों के लिए आते हैं। फ्रीमियम मॉडल आवेदन के अंदर खरीद के माध्यम से शुल्क के लिए एक नि: शुल्क आवेदन और अतिरिक्त कार्यक्षमता है। या आवेदन में निर्मित विज्ञापन के कारण विमुद्रीकरण। इस लेख में हम आवेदन में विज्ञापन की शुरूआत पर विचार करेंगे।

औजारों की थ्योरी और तैयारी

तो चलिए बताते हैं कि आपके पास Android के लिए Cocos2d-x 2.0.4 लिखा हुआ एप्लिकेशन या गेम पहले से मौजूद है। नहीं? ठीक है, तो चलो उदाहरण लेते हैं कि Cocos2d-x SDK के साथ आधार के रूप में आते हैं। एसडीके अभी तक स्थापित नहीं हुआ है? फिर हम गितुब अनुभाग पर जाते हैं , जहां ढांचे का स्रोत कोड संग्रहीत किया जाता है (लेखन के समय, cocos2d-x.org परियोजना की आधिकारिक वेबसाइट अनुपलब्ध थी)। AdMob SDK को admob.com पर पाया जा सकता है।

फ्रेमवर्क का उपयोग कर परियोजना में कोड C ++ में लिखा गया है। हालाँकि, AdMob SDK एक जावा लाइब्रेरी है। हमारी परियोजना में इस पुस्तकालय का उपयोग कैसे करें? वास्तव में, सब कुछ बहुत सरल है, क्योंकि यह पहली नज़र में लग सकता है। और यह सब एंड्रॉइड एसडीके की क्षमताओं के लिए धन्यवाद। तथ्य यह है कि दृश्य ऑब्जेक्ट जिसमें C ++ में लागू ग्राफिक्स प्रदर्शित होते हैं, वह भी जावा ऑब्जेक्ट है, और यहां हम विभिन्न व्यू के कॉन्फ़िगरेशन को बनाने के लिए स्वतंत्र हैं, जिनकी हमें आवश्यकता है।

पहली चीज़ जो दिमाग में आती है, वह व्यू से स्टैक है, चलो शीर्ष पर एक बैनर और नीचे एक गेम विंडो कहते हैं। यह LinearLayout ऑब्जेक्ट का उपयोग करके किया जा सकता है जिसमें AdView ऑब्जेक्ट और Cocos2dxGLSurfaceView रखें। यह सब काम करेगा, एकमात्र समस्या उस समय पैदा होगी जब आप आवेदन के अंदर खरीद के लिए भुगतान करने के बाद, बैनर को हटाने की क्षमता चाहते हैं। समस्या यह है कि Cocos2d-x में OpenGL दृश्य व्यूपोर्ट के आकार का समर्थन नहीं करता है।
एक अन्य समाधान RelativeLayout का उपयोग करना है और खेल के OpenGL दृश्य के शीर्ष पर बैनर प्रदर्शित करना है। इस मामले में, खेल का प्रदर्शन क्षेत्र स्क्रीन पर सभी उपलब्ध स्थान पर कब्जा कर लेगा और बदलेगा नहीं, और बैनर वाला क्षेत्र शीर्ष पर सुपरिम्प्ट किया जाएगा। डर को दूर रखें, इससे छवि विरूपण या झिलमिलाहट नहीं होगी।

यदि आप एंड्रॉइड विकास से परिचित हैं, तो आप जानते हैं कि आमतौर पर डिस्प्ले क्षेत्र के मापदंडों को एक विशेष एक्सएमएल फ़ाइल में वर्णित किया गया है। Cocos2d-x 1.0 पर कार्यक्रमों में यह था। हालाँकि, Cocos2d-x के नवीनतम संस्करण में, आपको यह फ़ाइल नहीं मिलेगी। मेरे लिए अज्ञात कारण से, प्रदर्शन क्षेत्रों का विवरण जावा कोड में स्थानांतरित कर दिया गया है। यह किसी भी कठिनाइयों का कारण नहीं बनता है, आपको बस यह जानना होगा कि ये फाइलें कहां स्थित हैं (cocos2dx-2.0.4 / cocos2dx / platform / android / java / src / org / cocos2dx / lib)। कोड थोड़ा बड़ा है, लेकिन हम आवश्यक प्रदर्शन कॉन्फ़िगरेशन को गतिशील रूप से बनाने में सक्षम हैं। दुर्भाग्य से, लाइब्रेरी फ़ाइलों को संशोधित किए बिना, हमें जिस व्यूपोर्ट की आवश्यकता है उसे कनेक्ट करना संभव नहीं होगा - हमें जिस वर्ग की आवश्यकता है, उसके सदस्यों को निजी घोषित किया जाता है। मेरी परियोजना में, मैंने एक कट्टरपंथी निर्णय लिया - इस कोड को पूरी तरह से अपनी परियोजना में कॉपी करने के बजाय, फ्रेमवर्क फ़ाइलों का संदर्भ देने के लिए। चूंकि अब सभी कोड अब मेरी परियोजना के भंडार में थे, इसने मेरे हाथों को मुक्त कर दिया और मैंने सभी आवश्यक कोड संशोधनों को सीधे Cocos2dxActivity क्लास में खर्च कर दिया।

एकीकरण

तो चलिए शुरू करते हैं। सबसे पहले, परीक्षण परियोजना के फ़ोल्डर को कॉपी करें, उदाहरण के लिए, उसी फ़ोल्डर में HelloAdMob को HelloCpp। अगला, AdMob SDK HelloAdMob / proj.android / AdMob फ़ाइलों की प्रतिलिपि बनाएँ। अब HelloAdMob / proj.android / cocos_java फ़ोल्डर बनाएं और cocos2dx-2.0.4 / cocos2dx / platform / android / java / src से फाइलों को कॉपी करें, जिसमें उपनिर्देशिका भी शामिल है।
इसके बाद, ग्रहण में, या अपनी पसंद के दूसरे वातावरण में प्रोजेक्ट खोलें (नोटपैड; ;-)) प्रोजेक्ट गुण नीचे स्क्रीनशॉट की तरह दिखना चाहिए।

आपको cocos_java फ़ोल्डर को प्रोजेक्ट में जोड़ना होगा,

साथ ही AdMob पुस्तकालय।

और निर्यात के लिए AdMob पुस्तकालय को चिह्नित करें।

आपको Android SDK के संस्करण को भी बदलना होगा, क्योंकि AdMob को 3.2 से कम संस्करण की आवश्यकता नहीं है। चिंता न करें, Android 2.2 से संस्करणों के लिए समर्थन बना रहेगा। हम उचित संस्करण सेट करके प्रोजेक्ट.प्रॉपर्टी फ़ाइल को संशोधित करते हैं

# Project target. target=android-13

अगला, AndroidManifest.xml फ़ाइल को पाठ के रूप में खोलें, लक्ष्य एसडीके की रेखा को ठीक करें

 <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="13" />

न्यूनतम संस्करण पुराना छोड़ दिया गया है। हम नीचे आवश्यक अनुमतियां जोड़ेंगे ताकि AdMob नेटवर्क से बैनर डाउनलोड कर सके।

 <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

आपको घोषणा फ़ाइल में AdMob की घोषणा करने की भी आवश्यकता है। मैंने एक खेल गतिविधि वर्ग घोषित करने के बाद ऐसा किया।

 <activity android:name="com.google.ads.AdActivity" android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"/>

अब Cocos2dxActivity.java फ़ाइल को संशोधित करें - AdMob आयात सिंक जोड़ें:

 import com.google.ads.AdRequest; import com.google.ads.AdSize; import com.google.ads.AdView;

विज्ञापन इकाई के लिए फ़ील्ड को क्लास में जोड़ें

 private AdView adView;

अब, लाइनों के बाद

 // ...add to FrameLayout framelayout.addView(edittext);

निम्नलिखित कोड डालें:

 //     adView = new AdView(this, AdSize.BANNER, "_id"); //   ,     ,     cocos2d-x      ViewGroup.LayoutParams ad_layout_params = new ViewGroup.LayoutParams( ViewGroup.LayoutParams.FILL_PARENT, 50); adView.setLayoutParams(ad_layout_params); //    AdRequest adRequest = new AdRequest(); //   adRequest.addTestDevice("id__"); //      adView.loadAd(adRequest);

आपको admob.com पर पंजीकरण करने और अपने कार्यक्रम के बारे में जानकारी जोड़ने के बाद प्रकाशक आईडी मिलेगा। डिवाइस आईडी को लॉगकैट कंसोल में प्रदर्शित किया जाएगा, इसे कॉपी किया जाना चाहिए और कोड में पेस्ट किया जाना चाहिए, क्योंकि आपके अपने बैनर पर आकस्मिक क्लिकों के कारण आपको प्रवेश प्रणाली में प्रतिबंधित (दंड के लिए खेद है) किया जा सकता है, और यदि आपने लॉग इन करने के लिए Google खाते का उपयोग किया है, तो यह हो सकता है यह खाता भी सभी आगामी परिणामों के साथ अवरुद्ध है।
इसके बाद, बनाए गए व्यूपोर्ट को वर्ग पदानुक्रम में जोड़ें। OpenGL क्षेत्र को जोड़ने के बाद आपको ऐसा करने की आवश्यकता है, अन्यथा आपका बैनर इसके द्वारा अवरुद्ध हो जाएगा। लाइन के बाद

 gLSurfaceView.setCocos2dxEditText(edittext);

हमारा कोड जोड़ें:

 //  AdView    .     ,     framelayout.addView(adView);

सब कुछ, आप कोडांतरण शुरू कर सकते हैं। एंड्रॉइड NDK का उपयोग करके देशी लाइब्रेरी का निर्माण करना न भूलें, जिसके बाद आप प्रोजेक्ट को ग्रहण (या अपने पसंदीदा वातावरण में) में बना सकते हैं और परिणाम का आनंद ले सकते हैं।

Cocos2d-x में AdMob इंटीग्रेशन

परिचय

औजारों की थ्योरी और तैयारी

एकीकरण

More articles: