herokuでgoogle認証によるログインをしたいです

前提・実現したいこと

Railsアプリをherokuでデプロイし、google認証によるログインをさせたいです。

発生している問題・エラーメッセージ

ローカルでは実装済みで、問題なく動作しています。
herokuへのデプロイも済んでいます。

deviseを使っており、herokuでもgoogle認証ではない通常のログインやその他ページは問題なく動作しています。

google認証でログインしようとすると、
この画面になります。

heroku logs -tでログを確認したところ、

2019-07-08T02:27:29.862737+00:00 heroku[router]: at=info method=GET path="/users/auth/google_oauth2" host=dreams100.herokuapp.com request_id=6c7026d0-715b-4d8d-9a5a-9fe672c0023e fwd="39.110.211.37" dyno=web.1 connect=1ms service=4ms status=302 bytes=1289 protocol=https

となっています。
アプリのコードというよりはgoogleAPIの設定の問題なのかなと思って調べております。

試したこと

googleAPIの設定画面で、承認済みドメインに

dreams100.herokuapp.com

を追加し、承認済みのリダイレクト URIに

http://dreams100.herokuapp.com/users/auth/google_oauth2/callback

を追加しました。

また

$ heroku config:set GOOGLE_APP_ID='自分のID'
$ heroku config:set SECRET_KEY_BASE='自分のKEY'

も実行しました。

以上を試しても結果は変わらずエラーになってしまいます。

追記

client_idが入っていませんでしたので、

$ heroku config:set GOOGLE_CLIENT_ID='自分のID'

を行ったところ、
このエラーに変わりました。
Request Detailsは以下の通りです。

Request Details
access_type=offline
client_id=943463583801-ga5e3s76t1hdjt6n7u1r4he1t8ek5nc6.apps.googleusercontent.com
redirect_uri=https://dreams100.herokuapp.com/users/auth/google_oauth2/callback
response_type=code
scope=email profile
state=8d99d1bcc3ce89cbda524fb3cf063ed596e2f1e84ab853

localで行っていた設定に以下のように追記しているのですが間違っていますでしょうか。