Flutterflutter & DartAndroid开发

flutter赚钱教程之整合admob开始挣美刀

2019-02-10  本文已影响55人  iCloudEnd

App开发者挣钱的四个途径

作为一个App开发者您挣钱有四个途径

Android 和 iOS 市场挣钱模式的不同

由于Google Play 在国内无法访问,如果您的客户基本上都是在国内,那么App收费这条路在Android平台就很难走通。如果您致力于挣外国人的钱,可以多关注一下下Google Play付费排行榜:


Google Play付费排行榜

不过从整体上来看,在Android平台基本还是以App内部收费或者App内置广告居多。
iOS的App Store是当前世界上对中国开发者最为友好的平台。很多没有App运营经验的键盘侠总是爱抨击Apple的3-7分账策略,30%管道费无论在国内还是国外都是非常合理的。如果有机会大家可以去问问腾讯平台游戏发布分成是多少。
iOS平台由于近年来出现供过于求的现象,因此逐渐开始走向免费应用的天下。

先去吃个饭,下午继续写
好了回来了,我们继续

所以,无论Android和iOS最好赚钱模式只能“免费+内部收费”和“免费+广告”了。下面我将重点介绍一下全球最大广告平台admob,以及如何在flutter中整合admob的方法。

为什么选择admob

其实国内也有很多类似的广告平台,选择admob主要是收入、信誉、整合难易度等方便考虑。admob是Google旗下的广告平台,无论从收入和信誉方面都可以方向使用。我们目前是Google的flutter框架开发App,使用admob有先天的技术优势。

flutter整合admob

flutter底层dart语言,dart语言已经为我们准备好了大量的"车轮",因此我们可以从dartde packages平台上找到相关的库。

1. 如何找到admob的库

https://pub.dartlang.org/

https://pub.darlang.org

另外我们还可以通过flutter在github上的plugin找到需要的库

https://github.com/flutter/plugins

flutter plugins

2. 如何将库整合到自己的项目中

(1)将下面的代码加入到项目的 pubspec.yaml 里

dependencies:
  firebase_admob: ^0.8.0+1

(2) 安装fasebase_admob,在命令行里运行

$ flutter packages get

ps:如果在国内上面命令通常会和很慢,建议配置一下国内镜像。《flutter 国内镜像 解决无法安装或安装慢问题》

(3) import 包
在您的代码中加入下面的代码

import 'package:firebase_admob/firebase_admob.dart';

2019年2月11日 继续完成

给新手看的demo

1. 创建项目

$ flutter create firebase_admob_demo

2. 在android studio中打开pubspec.yaml 添加下面代码

firebase_admob: ^0.8.0+1

运行“packages get” 或在命令行运行

$ flutter packages get
Jietu20190211-083004@2x.jpg

3. 添加ADMOB_APP_ID到android项目中

AdMob 17 以后需要将您到app ID 添加Android项目的AndroidManifest.xml中,代码如下

<meta-data
    android:name="com.google.android.gms.ads.APPLICATION_ID"
    android:value="[ADMOB_APP_ID]"/>

项目截图如下


admob_app_id

4. 在main.dart中引入fire_admob 包

import 'package:firebase_admob/firebase_admob.dart';

项目启动初始代码

import 'package:flutter/material.dart';
import 'package:firebase_admob/firebase_admob.dart';

void main() => runApp(MyApp());


class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('AdMob Plugin demo 应用'),
        ),
        body: const Center(
          child: const Text('admob从此开始'),
        ),
      ),
    );
  }
}

运行效果


Jietu20190211-085203@2x.jpg
上一篇下一篇

猜你喜欢

热点阅读